Favicon-generator – skapa alla favicon-storlekar från bild

Ladda upp vilken bild som helst och få omedelbart hela favicon-setet: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) plus site.webmanifest, paketerat som en postnummer.

Släpp din logotyp för att generera alla favoritstorlekar

Inkluderar site.webmanifest + HTML-utdrag

Om Favicon Generator

Renderar din bild till de sex favicon-storlekar som webbläsare faktiskt använder idag (utan den äldre .ico-sökvägen som få sajter fortfarande behöver), plus ett färdigt webbappmanifest. Det körs helt i din webbläsare – ingen uppladdning, ingen väntan.

Fortsätt att förbättra dina bilder

Ta din fotoredigering till nästa nivå med dessa populära verktyg

📝

Lägg till text i bilden

Lägga till bildtexter och titlar till ditt förbättrade foto

🖼️

Lägg till fotoram

Rama in din effekt med vackra ramar

🗜️

Komprimera bild

Optimera din förbättrade bild för delning

📐

Ändra storlek på bild

Ändra bildens mått

Utforska alla fotoverktyg

Frequently Asked Questions

För moderna webbläsare och enheter behöver du sex storlekar: 16×16 och 32×32 för webbläsarflikar, 48×48 för Windows-ikoner, 180×180 för Apple touch-ikon (iOS-startskärm) och 192×192 + 512×512 för Android-hemskärmar och PWA-installationspromptar. Vår generator producerar alla sex plus en site.webmanifest från en enda källbild.

usage

De flesta moderna webbläsare föredrar PNG-länktaggar (rel="ikon" typ="bild/png"), så en ICO-fil behövs inte längre. Vi hoppar över den gamla ICO:n och tillhandahåller PNG-favicons korrekt dimensionerade för varje modern mål. Om du måste stödja Internet Explorer eller mycket gammal Chrome kan du konvertera en av PNG-filerna till ICO separat.

technical

Ett webbappmanifest är en JSON-fil som berättar för Android, Chrome och Edge hur din webbplats ska se ut när den installeras som en progressiv webbapp — ikon, namn, temafärg och visningsläge. Vår generator inkluderar ett startmanifest som pekar på Android Chrome-ikonerna; Du behöver bara redigera namnet och theme_color.

features

En kvadratisk (1:1) PNG på 512×512 eller större ger det renaste resultatet vid varje storlek. Undvik fina detaljer som försvinner vid 16×16 — favicons fungerar bäst med en enda djärv form och hög kontrast. Transparenta PNG:er fungerar; verktyget letterboxar dem så att ikonen sitter centrerad i varje storlek.

tips

Ja – din källbild ändras i storlek via canvas API och paketeras som en ZIP lokalt. Inget laddas upp. Detta gör det säkert att generera ikoner för osläppta produkter och varumärkesidentiteter före lansering.

privacy

Packa upp nedladdningen i din webbplats /public- (eller webbrot-) mapp, och lägg sedan till den medföljande HTML-stulpen i ditt <huvud>: länktaggar för PNG-ikonerna plus en länk till site.webmanifest. Hårduppdatera din sida (Cmd+Shift+R) — webbläsare cacher favicons aggressivt, så du kan behöva rensa cachen för att den nya ikonen ska dyka upp.

usage

Ja — 192×192 och 512×512 PNG-filer är precis vad Chrome och Edge letar efter för att kvalificera en webbplats som en installerbar PWA. Tillsammans med manifestet uppfyller de fyrtornets PWA-installerbarhetskontroll.

technical

Ja. Inga vattenstämplar, ingen registrering, ingen användningsgräns – och ZIP är din för alltid. Vi lade till detta verktyg eftersom varje utvecklare så småningom behöver en favicon-uppsättning, och de befintliga generatorerna var antingen annonsfyllda eller fick dig att betala för högupplösta utdata.

pricing

Use Cases

Indie-hacker lanseras

Sologrundare som släpper sin MVP behöver en polerad favorit innan lansering. Generera varje storlek från din enda logotyp och manifestet med ett klick – ingen Figma, ingen designprenumeration behövs.

development

Byråklientuppställning

När man levererar en ny kundplats är favicon-uppsättningen sällan budgeterad men alltid förväntad. Generera ZIP-filen i slutet av projektet, lägg in den i /public och kryssa i leveransen.

agency

PWA-installationsmöjligheter

För att klara Chromes installationskontroll behöver ditt manifest ikoner 192×192 och 512×512. Vår output uppfyller det kravet direkt, plus matchande HTML-huvudtaggar.

development

Arbetsytor med flera varumärken

Byråer och konsulter som jonglerar flera kundvarumärken kan återskapa faviconen som sätts på 10 sekunder varje gång en varumärkesuppdatering skickas – det finns inget behov av att upprätthålla en Photoshop-funktion.

agency

Varumärkesprofilering av öppen källkodsprojekt

GitHub Pages, Vercel, Netlify och Cloudflare Pages-sajter behöver alla favicons för att se polerade ut i webbläsarflikar. Lägg de genererade filerna i ditt repo och ditt projekt ser ut att vara levererat.

opensource

Omprofilering Refresh

När din logotyp ändras, återgenerera alla nödvändiga storlekar – inklusive 180px Apple touch-ikonen och 512px Android PWA-ikonen – utan att manuellt exportera från Illustrator.

branding