Hvordan lage et ikon i en URL Window

Helt varsel hvordan din favoritt nettsteder har et lite ikon vises til venstre for nettadressen i URL-vinduet øverst i nettleseren din? Disse favoritter ikoner, eller favicon, er avgjørende for å kjøre en vellykket nettside og bygge merkeidentitet. Å gjøre en favorittikon er ikke så enkelt som bare å velge et bilde. Det er en spesiell prosess for å opprette og laste opp en favorittikon vises ved siden av nettadressen på din egen hjemmeside.

Bruksanvisning

1 Sett noen alvorlige tanke inn i merkeidentitet du oppretter for ditt nettsted. Den favicon vises i URL-vinduet er en viktig del av denne identiteten. Tenk på noen enkle bilder til å representere sentrale begrepene som identitet og døyt dem ned.

2 Åpne din favoritt bilderedigeringsprogrammer som Adobe Photoshop eller GIMP. Hvis du ikke har noe bilde redigering programvare, laste ned gratis programvare som GIMP fra download.com.

3 Opprett en ny fil som er nøyaktig 16 av 16 piksler og 16 farger eller 16 nyanser av grått. Det er viktig at du velger disse eksakte dimensjoner og farge satt for at din ikonet for å skikkelig vise i URL-vinduet.

4 Eksperimenter med noen forskjellige motivene med ideer du fleshed ut i trinn 1. Husk at favicon vises hver gang brukerne trekke opp ditt nettsted, så vel som i sine bokmerker. Det kan være vanskelig å utforme et bilde som ser profesjonelt på en så liten størrelse. Blås opp bildet til et mye større størrelse som du arbeider, og pass på å sjekke det på sitt virkelige størrelse med jevne mellomrom.

5 Prøv å bruke lignende farger for å skape dybde, eller lage din type i ulike nyanser av grått mens du legger en bakgrunnsfarge. Du bør ikke endre favicon når den er lastet opp, da dette vil negativt påvirke merkeidentitet. Sørg for at du er helt fornøyd før du går videre.

6 Lagre bildet som en JPG-fil, og deretter slå den inn i et ikon fil ved hjelp av et favorittikon generator som Adsen Favicon. Adsen Favicon er programvare tilgjengelig uten ekstra kostnader. Når programvaren ber deg for en kildefilen, åpner JPG-filen du opprettet. Hvis du bruker Adobe Photoshop, kan du lagre direkte i ICO format beskrevet i trinn 7 og trenger ikke egen programvare.

7 Konverter JPG til «Ico» format ved hjelp Adsen Favicon eller Photoshop, og lagre filen som "favicon.ico". Ikke tittel ikonet som noe annet enn favicon.ico da dette er den eneste filnavnet som vil kø nettleseren for å vise ikonet i URL-vinduet.

8 Bruk din favoritt FTP-klient for å laste opp favicon.ico filen til rotkatalogen på ditt nettsted. Dette er hovedmappen, den samme som huser "index.html" filen. Dette er det eneste stedet du kan sette filen til å ha det vises i URL-vinduet. Ta et minutt til å se hvordan favicon blander med ditt nettsted, og justere den etter behov.

Hint

  • Følg instruksjonene nøyaktig for filstørrelsen, farge sett, navn og sted for å unngå frustrerende problemer med favicon.