Vad är en favikon?
Favikon står för "favoritikon". Det är den lilla bilden som visas bredvid URL:en för din webbsajt i webbläsarens adressfält men också på andra platser som bokmärken och genvägar på en mobiltelefon.
Det är inte bara en bild - det är en möjlighet att förstärka ditt varumärke och få en bättre synlighet så se till att utnyttja den möjligheten. Favikoner hjälper användare att snabbt identifiera din webbsajt bland en mängd flikar eller en lång lista av bokmärken. För mobilanvändare kan en favikon vara en igenkännbar symbol på hemskärmen.
Favikoner är alltså till för både en tydligare navigeringshjälp och en tydlig varumärkeskommunikation.
Vilka format gäller för favikoner?
En favikon är specifikt designad för att visas i webbläsare och är vanligtvis liten i formatet, 16x16 px, 32x32 px, 48x48px, eller Googles rekommenderade 96x96 pixlar eller större.
Det lilla formatet har förstås sina begränsningar och passar inte så bra för företagsnamn eller logotyper. Då gäller det att vara kreativ och ta fram alternativ som fortfarande har en visuell koppling till varumärket. Det kan vara en förenklad version av en logotyp eller ett annat designelement som representerar webbsajten eller varumärket. Poängen är att användarna omedelbart ska känna igen den.
Proportionerna ska vara kvadratiska, dvs 1:1 och favikonerna kan vara i flera olika format som PNG, SVG, JPG, eller ICO - där SVG-formatet är skalbart.
Var visas favikoner?
Favikoner visas på olika platser i webbläsare:
- Webbläsarflikar
- Bokmärkesfält
- Sökhistorik
- Bokmärken
De visas också i sökmotor resultat för att hjälpa till att identifiera olika webbsajter, och används för genvägar på hemskärmen i mobiler.
Det finns alltså många bra anledningar att tänka igenom sin favikon.
Några tips från webbyrån
En bra favikon generator är https://favicon.io
Favikoner kan vara skadliga om de utnyttjats för attacker. Hackare kan skapa skadlig kod inom en favikon-fil för att utnyttja sårbarheter i webbläsare. Se därför alltid till att din webbsajt hålls uppdaterad.
© 040 2024
Relaterade artiklar:
Det är alltid värt att upprepa vad responsiv design är
Mobile first design är alltid responsiv, medan responsiv design inte behöver utgå från mobile first. Hur hänger det ihop? Vad är adaptiv design? Varför kan inte designa efter fasta pixelmått? Hur blir det med SEO:n?
Hur ska man tänka för bildhantering på webben?
Här finns det mycket att tänka på, allt från valet av bilder till hur de ska sparas och visas ut. Vi ger dig några utgångspunkter och saker att tänka på.