Favicon-generator

Hva er en favicongenerator?

Et favicon er det lille ikonet som vises i nettleserfaner, bokmerker, historikk og søkeresultater for et nettsted. Moderne nettlesere og enheter krever mange favicon-størrelser: 16x16 for nettleserfaner, 32x32 for oppgavelinjen, 180x180 for Apple Touch-ikon, og 192x192/512x512 for Android og PWA-er. Denne generatoren lager alle nødvendige størrelser fra ett bilde.

Et godt favicon er gjenkjennelig selv i 16x16 piksler. Enkle former, kontrastfarger og minimalt med detaljer fungerer best. Mange merker bruker sin logobokstav eller et forenklet symbol. SVG-favicons (støttet av moderne nettlesere) skalerer perfekt til alle størrelser og støtter dark mode med CSS media queries.

Slik bruker du dette verktøyet

Last opp et bilde (kvadratisk anbefalt, minst 512x512 piksler). Verktøyet genererer alle nødvendige favicon-størrelser inkludert ICO (for eldre nettlesere), PNG (alle standardstørrelser), Apple Touch Icon og Web App Manifest-ikoner. Last ned en ZIP-fil med alle filene og HTML-koden for å inkludere dem.

Nødvendige favicon-størrelser

• favicon.ico — 16x16, 32x32 og 48x48 i en fil. For eldre nettlesere.
• apple-touch-icon.png — 180x180. Brukes av iOS når nettstedet legges til startskjermen.
• android-chrome-192x192.png og -512x512.png — for Android og Progressive Web Apps.
• favicon.svg — skalerbart vektorformat for moderne nettlesere. Støtter dark mode.

Tips for favicon-design

Faviconer må være gjenkjennelige i bittesmå størrelser. Bruk dristige former, enkel geometri og høy kontrast. Tekst fungerer sjelden under 32x32. En enkelt bokstav eller et abstrakt symbol for merkevaren din er mest effektivt. Test faviconet ditt i faktisk visningsstørrelse (16x16) — detaljer som ser flotte ut ved 512x512 blir usynlige flekker i faviconstørrelse. Bruk gjennomsiktig bakgrunn for PNG-faviconer.

Ofte stilte spørsmål

Trenger jeg fortsatt en .ico-fil?

For maksimal kompatibilitet, ja. Noen eldre nettlesere, RSS-lesere og verktøy ser fortsatt etter favicon.ico i rotkatalogen. Moderne nettlesere foretrekker PNG eller SVG spesifisert i link-taggen. Den sikreste tilnærmingen er å ha både favicon.ico (for bakoverkompatibilitet) og link-tagger for PNG/SVG (for moderne nettlesere).

Hva er et SVG-favicon?

SVG-favicons er vektorbaserte ikoner som skalerer perfekt til alle størrelser uten pikselering. De støttes av Chrome, Firefox, Edge og Safari 15+. Den store fordelen er støtte for CSS media queries — du kan ha forskjellig farge for lys og mørk modus. Bruk en link-tag med type image/svg+xml for å spesifisere SVG-faviconet.