Favicon-generator
Gratis favicon-generator: skapa favicon.ico, PNG-ikoner, Apples ikon och webbmanifestet från en bild, en SVG eller text och emoji, direkt i webbläsaren.
Vad den gör
En favicon är den lilla ikon som webbläsaren visar i fliken, bland bokmärkena och i historiken; mobiler använder den också när någon lägger till din webbplats på startskärmen. Den här generatorn skapar alla filer en webbplats behöver från en enda bild, en SVG-logotyp eller några bokstäver eller en emoji: favicon.ico med bilder på 16, 32 och 48 pixlar, PNG-ikoner på 16, 32, 192 och 512 pixlar, apple-touch-icon på 180 pixlar, webbmanifestet och HTML-taggarna att klistra in på sidan.
Så använder du den
- Välj en bild eller SVG, eller skriv en eller två bokstäver eller en emoji.
- Justera form, bakgrund och marginal medan du tittar på förhandsvisningen.
- Ladda ner ZIP-filen, lägg filerna i webbplatsens rotmapp och klistra in HTML-koden i <head>.
Vanliga frågor
Vilka filer behöver jag egentligen?
favicon.ico i webbplatsens rotmapp täcker alla webbläsare. apple-touch-icon.png på 180 pixlar är vad iPhone och iPad visar på hemskärmen, och PNG-filerna på 192 och 512 pixlar tillsammans med webbmanifestet använder Android. ZIP-filen innehåller allihop.
Varför har Apples touch-ikon en bakgrund?
iOS fyller genomskinliga delar av ikonen med svart och rundar hörnen själv, så ikonen görs alltid kvadratisk och ogenomskinlig, med vitt bakom när du har valt genomskinlig bakgrund.
Vilken bild fungerar bäst?
En kvadratisk logotyp eller symbol med få detaljer, minst 512 pixlar eller som SVG. Text och tunna linjer försvinner vid 16 pixlar; kontrollera förhandsvisningarna på 16 och 32 pixlar och använd marginalen om motivet når kanterna.
Min nya favicon syns inte. Varför?
Webbläsare behåller favicons i cacheminnet länge. Öppna favicon.ico direkt i webbläsaren och ladda om den, eller testa i ett privat fönster; sökmotorer kan behöva dagar eller veckor för att visa den nya ikonen.
Laddas min bild upp?
Nej. Ikonerna ritas och filerna skapas i din webbläsare; ingenting skickas till någon server.
⭐ Konvertera PNG till ICO
🖼 Konvertera SVG till PNG
📐 Bildstorleksändrare