Favicon-generator
Bygg ett komplett favicon-paket från en logotyp, en typsnittsikon eller ett monogram — favicon.ico, moderna PNG-filer, Apple touch-ikonen, PWA-ikoner, ett webbmanifest och HTML-utdraget.
Lägg till en logotyp, välj en typsnittsikon eller skriv ett monogram — vi skapar varje favicon en modern webbplats behöver, från den klassiska favicon.ico till Apple touch-ikonen, PWA-ikonerna och ett färdigt HTML-utdrag.
Om Favicon-generator
Favicon-generatorn bygger varje ikon en modern webbplats behöver från en enda källa: ladda upp en logotyp-PNG, välj en typsnittsikon eller skriv ett monogram. Paketet innehåller den klassiska favicon.ico (16, 32 och 48 px), moderna PNG-favicons, den 180 px stora Apple touch-ikonen, 192 och 512 px PWA-ikoner, en site.webmanifest och HTML-huvudsnutten.
Stilen hanteras i verktyget: välj en bakgrundsfärg eller behåll transparens, klipp till en kvadratisk, rundad eller cirkelform, justera utfyllnad och bildmaterialets storlek, och ställ in temafärgen som används av webbläsarens gränssnitt och PWA-manifestet. En direkt förhandsgranskning visar din ikon i verkliga sammanhang — en 16 px webbläsarflik, ett bokmärke, Apple touch-plattan och en PWA-ikon.
Allt renderas på en canvas i din webbläsare, och Generera sätter samman hela paketet i en ZIP med en README. Installationen sker i två steg: packa upp i din webbplats rot och klistra in den medföljande snutten i din <head>.
Så använder du Favicon-generator
- Välj din källa: ladda upp en PNG-logotyp, välj en typsnittsikon eller skriv ett monogram.
- Stila den — bakgrundsfärg eller transparens, form, utfyllnad och bildmaterialets storlek.
- Fyll i webbplatsens namn, kortnamn och temafärg för PWA-manifestet.
- Kontrollera förhandsgranskningarna: webbläsarflik, bokmärke, Apple touch och PWA-sammanhang.
- Klicka på "Generera favicons" och packa upp paketet i din webbplats rot.
- Klistra in HTML-snutten från paketet i din sidas <head>.