Hvad er et favicon?

Hvad er et favicon, og hvordan bruger du det?

Del dette indlæg

Share on facebook
Share on linkedin
Share on twitter
Share on email

Favicon er det lille icon, som du ser i toppen af hjemmesider, når du åbner dem i en fane. Det er nemt at tænke, at det lillebitte ikon ikke gør en forskel, og at det kan være helt lige meget; men det er faktisk ikke tilfældet. 

Det er en del af det berømte finish (hvis du har set Bagedysten, så ved du, hvor afgørende, det kan være), og derfor er det en god idé at investere nogle minutter i at lave og sætte dit favicon op.

Hvad er et favicon?

Et favicon er et lille 16×16 px ikon – nogle gange lavet med en del af virksomhedens logo (ofte bomærket), andre gange lavet med virksomhedens forbogstav.

Her ses et eksempel på vores favicon – nemlig bomærket fra vores logo. Vi har et bomærke der i formen passer godt til det lille, kvadratiske format – hvilket jo er heldigt.

Bricksite's favicon


Hvorfor er favicons vigtige? 

Brugeroplevelse
For brugeren af din hjemmeside gør et favicon, at din side er nem at finde, hvis de har den åben i en browser, har den som bogmærke eller søger efter dig på Google. Vi husker nemlig nemmere visuelle elementer end tekst.

Branding
Branding kan for mange godt føles som et “slidt” ord, men det er faktisk virkelig vigtigt. For at have et gennemført brand gælder selv de mindste detaljer – om det er et favicon, et skilt på døren eller en kuglepen med dit logo.

Professionalisme
Din hjemmeside bliver først “rigtig” færdig og professionel, når de mindste ting er på plads – og favicon er altså en af dem.

Tips til at designe favicons

Et favicon kan være enten JPEG eller PNG. Ønsker du, at dit favicon skal have en gennemsigtig baggrund, så husk, at det så skal gemmes i PNG.

Du kan lave et favicon i eks. Photoshop eller Illustrator. Alternativt kan du søge efter “online logomakers”, hvor mange af dem ofte tilbyder at lave et favicon også. Du kan også hyre en designer til at lave det for dig.

Husk, at når du laver noget, der er så småt, så er det fornuftigt at lave det meget simpelt. 

Eksempler på favicons

Gode eksempler, som vi kender

Google favicon - hvad er et favicon?

Google – de har sammensat deres farvede bogstaver i deres lille G

Google Analytics - hvad et et favicon?

Google Analytics – en klar indikation af, at det er grafer, selvom det bare er små firkanter – nemt og overskueligt. 

Facebook - hvad et et favicon?

Facebook – det berømte Facebook logo – her kogt ned til et lille f. Bruges både som favicon og sociale ikoner rundt omkring, så mange kender det. 

Eksempler på favicons, der er blot har et simpelt bogstav som deres favicon

Nelly favicon

Nelly – simpelt og stort N

Madklubben favicon

Madklubben – et simpet m.

Boozt favicon

Boozt – et rigtig fint B

Eksempler på mindre heldige favicons

IKEA favicon

IKEA – man kan selvfølgelig kende farverne, men det bliver meget småt og ikke kvadratisk.

Jensens Bøfhus favicon

Jensens Bøfhus – helt umuligt at se indholdet i det lille logo som favicon.

Læs mere