Favicon-generator
Ladda upp din logotyp eller bild och skapa favicons i alla storlekar direkt. Förhandsvisa i olika webbläsare och enheter och ladda ner med ett klick.
Eller dra och släpp en bild här
PNG, JPG, SVG eller WebP, högst 10 MB
Ladda upp din bild
Ladda upp logotyp, ikon eller valfri bild. Vi rekommenderar högupplöst PNG med genomskinlig bakgrund.
Förhandsvisa och justera
Se direkt hur faviconen ser ut i flikar, bokmärken, Google-resultat och mobilens hemskärm.
Ladda ner och lägg in
Ladda ner alla storlekar samtidigt, kopiera HTML-koden och klistra in den i webbplatsens <head>-sektion.
Håll det enkelt
Komplex design blir oläslig i små storlekar. Använd en förenklad logotyp eller en tydlig ikon.
Använd genomskinlig bakgrund
PNG med genomskinlig bakgrund fungerar bäst i alla webbläsare och både ljust och mörkt tema.
Använd varumärkesfärger
Behåll en enhetlig profil med varumärkets huvudfärger i faviconen.
Testa små storlekar
Kontrollera alltid faviconen i 16×16 pixlar — den vanligaste visningsstorleken.
Prova en stiliserad bokstav
Om logotypen är för komplex kan en tydlig begynnelsebokstav från namnet fungera utmärkt.
Kvadratiskt format
Favicons är alltid kvadratiska. Använd en kvadratisk bild eller en som går bra att beskära.
Skapa perfekta webbikoner på sekunder
Din favicon är det första användaren ser i webbläsarfliken. Verktyget tar logotypen eller bilden och skapar automatiskt alla ikonformat och storlekar för datorwebbläsare, Android och iPhone — plus HTML-koden för att lägga in dem.
Steg 1: Ladda upp bilden
Ladda upp logotypen eller ikonen (PNG, JPG, SVG eller WebP). Använd helst en högupplöst, kvadratisk bild med genomskinlig bakgrund.
Steg 2: Förhandsvisa i sitt sammanhang
Se exakt hur din favicon ser ut i webbläsarflikar, Googles sökresultat och mobilens hemskärm.
Steg 3: Ladda ner filerna
Ladda ner enskilda ikoner (16x16, 32x32, Apple Touch Icon med mera) eller klicka på ”Ladda ner alla favicons” för hela paketet.
Steg 4: Kopiera HTML-koden
Kopiera kodblocket till webbplatsens <head>-sektion för att aktivera dina nya ikoner direkt.
Varför välja Readdys favicon-generator
Verktyget ger kompatibilitet och enkelhet: skapa skarpa ikoner för webbläsare, iOS och Android utan manuell storleksändring eller kodning.
Alla format i ett verktyg
Skapa alla viktiga storlekar (ICO, PNG, Apple Touch) för webbläsare, Android och iOS med ett klick.
Förhandsvisning i sitt sammanhang
Se direkt hur din favicon ser ut i flikar, Google-resultat och mobilskärmar innan du laddar ner.
Färdig HTML-kod
Kopiera rätt kodsnuttar för dina ikoner så att de visas korrekt på alla enheter.
Konvertering av hög kvalitet
Bevara bildens tydlighet och skärpa så att logotypen ser professionell ut även i 16x16 pixlar.