Favicon Generator

Slik bruker du verktøyet

1. Skriv inn en emoji eller en bokstav, eller bytt til bildemodus og last opp en logo.
2. Velg en bakgrunnsfarge — hvit for et rent utseende, eller match merkevaren din.
3. Klikk "Generer" for å se alle seks størrelser. Høyreklikk en av dem for å lagre den som PNG.

Om dette verktøyet

Et favicon er det lille ikonet som vises i nettleserfanen, bokmerkelinjen og startskjerm-snarveien. Moderne nettlesere og operativsystemer forventer det i flere størrelser: 16×16 for fanen, 32×32 for bokmerket, 48×48 for Windows-oppgavelinjefester, 180×180 for Apple touch-ikonet, og 192 og 512 for Android PWA-manifestet. Å levere én enkelt fil som nettleseren skalerer ned, pleide å være nok; i dag gir det uskarpe resultater på skjermer med høy pikseltetthet, og Apple-enheter ignorerer faviconet helt hvis touch-ikonet mangler.

Denne generatoren rendrer de seks standardstørrelsene fra én enkelt kilde — et teksttegn, en emoji eller et opplastet bilde — på canvas-elementer med bakgrunnsfargen du velger. Teksten er sentrert og skalert til å fylle omtrent 70 % av kvadratet, noe som holder den lesbar selv på 16 piksler. Hvis du laster opp et bilde, tilpasses det inne i kvadratet med bevart sideforhold. Hvert canvas er en klar-til-lagring PNG uten metadata og uten avhengigheter.

Høyreklikk hver av dem og lagre den, referer deretter til den i HTML-hodet: et 32×32 `favicon.ico` for eldre nettlesere, en `` for moderne, en `` for iOS, og et webapp-manifest som peker på 192- og 512-størrelsene. Siden genererer filene, men pakker dem ikke — integrasjonssteget er ditt, og det avhenger av rammeverket. Alt kjører i nettleseren din: ingen opplasting, ingen konto, ingen vannmerke.

Ofte stilte spørsmål