Jeg skal innrømme noe slags geeky. Jeg liker virkelig favicons. De er morsomme. De er et flott merkevarebygging verktøy. Og de er noe enkle som småbedriftseiere kan gjøre for å krydre sine nettsteder og til og med øke brukervennligheten for brukerne.
Hvis du ikke vet hva et favicon er, la meg tilby litt hjelp:
Favicons er den minimale 16 x 16 pixelgrafikk som representerer ditt nettsted oppe i adressefeltet, i en brukeres liste over bokmerker eller i deres nettleserfliker. De tillater besøkende å opprette en visuell forbindelse med nettstedet ditt.
Ryddig! Hvordan lager du en?
Design din favicon:
- For hånd: Åpne ditt favorittgrafikprogram og kom deg til det. Du vil enten lage en ny fil som er 16 × 16 piksler og zoome inn til området er brukbart ELLER åpne et område som er større, men likevel en slags flere på 16 × 16. Når du designer favicon for hånd, bruk noe som nøyaktig representerer merkevaren din - om det er et vanlig fargeskjema, firmaprofiler, etc. Uansett hva du lager, må du stå for de vanskelige begrensningene på 16 × 16 piksler.
- Med verktøy: Hvis du er design utfordret (ingen bekymringer, er jeg også), er det noen gode verktøy som gjør det enkelt for selv mennesker som oss å lage flotte favikoner. Favicon.cc vil for eksempel gi deg litt struktur og la deg bygge din rett fra deres nettsted, eller FavIcon fra Pics lar deg laste opp et bilde og generere favicon for deg. Enkel!
Lagre faviconet ditt: Når du lagrer filen, reduserer du den til 16 bit og lagrer som "favicon.ico" hvis du bruker Photoshop eller "favicon.gif" eller "favicon.png" hvis du bruker noe annet. Hvis du bruker Photoshop og vil gi favicon litt ekstra oomph, anbefales det å laste ned Windows Icon-filformatplugin slik at du kan lagre i ICO-formatet.
Last opp faviconet ditt: Koble til serveren din og last opp favicon til rotmappen på nettstedet ditt. Deretter legger du til følgende HTML-kode i hovedenheten på websiden din (mellom de to hodeskiltene) (velg filtypen din):
Forfriske: Når du er ferdig, oppdatere nettleseren din, og du bør se at faviconet ditt vises. Hvis ikke, gi det noen minutter. Noen ganger tar det litt for alt å synkronisere. Og det er det! Fire trinn og du har et flott branded favicon som vil hjelpe brukere å gjenkjenne nettstedet ditt i listen over bokmerker eller i nettleseren sin. Ganske enkelt, ikke sant? Bare for moro skyld, her er noen av mine favorittfavikoner på nettet: Eventuelle andre personlige favoritter?
