Monu Tools

Favicon-generator

Förvandla valfri bild till en komplett favicon-uppsättning med .ico, PNG-storlekar, Apple touch icon och web manifest, genererat i din webbläsare.

Så använder du Favicon-generator

  1. 01

    Ladda upp en kvadratisk bild. En enkel logotyp eller ikon fungerar bäst, och den bearbetas i din webbläsare.

  2. 02

    Välj eventuellt en bakgrundsfärg och ange ditt webbplatsnamn för web manifest.

  3. 03

    Hämta ZIP-filen och klistra in HTML-kodavsnittet i sidans head.

Vad en favicon är

En favicon är den lilla ikon som visas i webbläsarflikar, bokmärken och på telefoners hemskärmar. Det är en pytteliten detalj som får en webbplats att se färdig och igenkännbar ut, och moderna webbläsare förväntar sig flera versioner av den.

Varför en bild inte räcker

Det är haken: en bild räcker inte längre. Du behöver en .ico i flera storlekar för klassiska webbläsare, separata PNG-storlekar, en Apple touch-ikon för iOS-hemskärmar, större PNG:er för Android, och ett webbmanifest om webbplatsen ska gå att installera.

Den här generatorn bygger hela uppsättningen från en enda bild, inklusive en riktig .ico i flera storlekar, och ger dig det exakta HTML-utdraget att släppa in i din sidas head, så att du inte behöver montera eller handskriva något av det.

Vilken bild du ska ladda upp

För bästa resultat, ladda upp en kvadratisk bild på minst 512 px, helst en enkel logotyp eller symbol snarare än ett detaljerat foto, eftersom ikonen ofta visas mycket liten. En icke-kvadratisk bild centreras och stoppas ut till en kvadrat, så detaljer nära kanterna kan hamna i marginalerna.

Bakgrundsfärg och webbplatsnamn

Du kan valfritt ställa in en bakgrundsfärg och ditt webbplatsnamn. Webbplatsnamnet går in i webbmanifestet som används när någon lägger till webbplatsen på sin hemskärm.

Körs i din webbläsare

Allt körs lokalt i din webbläsare med Canvas-API:et, så din bild laddas aldrig upp. Du laddar ner en ZIP med alla filer och utdraget att klistra in.

Vanliga frågor

Vad ingår i favicon-paketet?

En favicon.ico med 16, 32 och 48 px, separata PNG-filer i 16 och 32 px, en Apple touch icon på 180 px, PNG-filer i 192 och 512 px för Android, en site.webmanifest, samt ett HTML-kodavsnitt att klistra in i sidans head.

Vilken bild bör jag ladda upp?

En kvadratisk bild på minst 512 px fungerar bäst, gärna en enkel logotyp eller symbol. En icke-kvadratisk bild centreras och fylls ut till en kvadrat, så detaljer nära kanterna kan hamna innanför marginalerna.

Laddas mina bilder upp?

Nej. Ikonerna genereras i din webbläsare med Canvas API, så din bild lämnar aldrig din enhet.

Källor

Bädda in det här verktyget

Lägg till det här verktyget på din egen webbplats. Kopiera kodsnutten nedan; den hålls automatiskt uppdaterad.

<iframe src="https://monu.tools/embed/sv/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Relaterade verktyg