Hur lägger jag till eller ändrar min favicon?

Vad är en favicon?

En favicon är den ikon som visas på tabben i webbläsaren när man besöker din sida. Den syns även i webbläsarens bokmärken/favoriter om webbplatsen läggs till där, samt på hemskärmen på mobiltelefoner eller surfplattor som sparat sidan dit. 

Favicons för E37 och Google.

Hur stor ska en favicon vara när jag skickar den till E37?

En bra favicon ska inte endast ha en storlek. I skärmbilden ovan så är favikonerna 16x16 pixlar, men det finns mobiltelefoner och surfplattor där det ser bättre ut med en mer högupplöst bild. Så istället för att lägga upp en enda bild-fil och länka till den i html-koden så har de flesta sidor numera html-kod som säger alla favicon-storlekar som finns att tillgå på servern och olika webbläsare och mobila enheter väljer då med olika prioriteringsordningar den version de föredrar.

Hur tar jag fram en favicon i flera storlekar?

Ett bra gratisverktyg som vi har hittat är RealFaviconGenerator.net , som låter dig ladda upp en bild och få en zip-fil med alla storlekar som används av olika webbläsare och mobila enheter. Den låter dig även välja bakgrundsfärg eller att bevara genomskinlighet för din bild. För bästa resultat bör du utgå ifrån en kvadratisk bild som är minst 260x260 pixlar. Tänk på att även om du utgår ifrån en större bild så bör ikonen fortfarande fungera i 16x16 pixlar. Det betyder att om din logotyp till exempel är ett längre ord som skulle bli krympt till oläslighet om den visas i 16x16 pixlar så kan det vara att föredra att som favicon istället använda till exempel första bokstaven i logotypen eller ett grafiskt element i logotypen som gör sig bättre i så litet format.

När du laddat upp din fil och gått igenom stegen för att välja hur din ikon ska se ut i olika format kommer du till en sista sida som ser ut ungefär enligt nedan. Ladda ned zip-filen i steg 1 och kopiera HTML-koden i steg 3 och skicka båda dessa till support@e37.se så sköter vi att lägga ut dem.