Favicon Generator — Skapa en favicon från en bild gratis
Generera 16–512 px PNG-ikoner, en Apple touch-ikon och en site.webmanifest från en bild.
Släpp en kvadratisk bild — få alla favicon-storlekar plus site.webmanifest som en ZIP-fil.
Inkluderar favicon.ico, site.webmanifest + HTML-kodsnutt
Vad du kan göra med Favicon-generator
Granska de viktigaste funktionerna innan du börjar.
- Utgå från en bild, initialer eller en emoji eller symbol
- Förhandsgranska bokstavsmärkets färger och textstil före genereringen
- Skapa Apple touch-ikoner och ikoner för Android-hemskärmen
- Få en färdig site.webmanifest-fil
- Ladda ner alla favicon-storlekar som en enda ZIP-fil
- Generera favicon.ico plus PNG-storlekar från 16 till 512 px
Inställningsreferens
7 inställningar
Tillgängliga kontroller för Favicon-generator.
- BearbetningslägeFörinställningar
- Bearbeta en inmatning eller byt till Premiums batchläge för att bearbeta flera med samma inställningar. Vilka typer av inmatning som stöds beror på verktyget.Alternativ: Enstaka bildBunt
Källtyp
- Vad ska favikonen utgå från?Förinställningar
- Väljer en uppladdad bild, ett lokalt designat bokstavsmärke med ett till tre tecken, eller en emoji eller symbol som källa för samma kompletta favikonpaket.Alternativ: Använd en bild eller logotypSkapa från initialerSkapa från emoji
Designläge
- Initialer eller kort textTextinmatning
- Anger ett till tre tecken för initialläge och uppdaterar den lokala källförhandsvisningen före generering.
- TextstilRullgardinsmeny
- Väljer bokstavsmärkets teckensnittsfamilj i initialläge.Alternativ: Sans-serifSerifFast bredd
- TextfärgFärgväljare
- Väljer initialernas färg; visas endast för en bokstavsmärkeskälla.
- BakgrundsfärgFärgväljare
- Anger den enfärgade bakgrunden bakom initialer eller en emoji innan favikonstorlekarna genereras.
- Emoji eller symbolTextinmatning
- Godtar upp till fyra Unicode-tecken i emoji-läge; utseendet följer webbläsaren och operativsystemet som används för att rendera källan.
Relaterade verktyg för Favicon-generator
Verktyg för vanliga nästa steg efter Favicon-generator.
Bildkonvertering
ICO-konverterare
Konvertera vilken vanlig bildinmatning som helst till en .ico-fil med flera upplösningar från 16–256 px för webbläsare och datoranvändning som stöds.
Prova nu
Bildkonvertering
SVG till PNG
Rasterisera SVG-filer som PNG i skala 1×–8× med en transparent, vit eller anpassad bakgrund.
Prova nu
Bildkonvertering
PNG till WebP
Konvertera PNG-bilder till WebP med stöd för transparens och en justerbar kvalitetsinställning.
Prova nuVanliga frågor
För bred täckning över webbläsare och enheter är vanliga mål bland annat webbläsarikoner på 16×16 och 32×32, en Windows-ikon på 48×48, en Apple touch-ikon på 180×180 samt Android/PWA-ikoner på 192×192 och 512×512. Generatorn skapar dessa plus favicon.ico och site.webmanifest från en bild, initialer eller en emoji eller symbol.
usageModerna webbläsare stöder PNG-ikoner, men favicon.ico är fortfarande en användbar reservlösning för kompatibilitet. Det nedladdade paketet innehåller en favicon.ico i flera upplösningar samt de moderna PNG-storlekarna, så du behöver inte göra en andra konvertering.
technicalEtt web app-manifest är en JSON-fil som talar om 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.
featuresAnvänd en kvadratisk bild på 512×512 eller större, ett till tre feta initialer med stark kontrast, eller en enkel emoji eller symbol. Undvik fina detaljer som försvinner vid 16×16. Den direkta källförhandsvisningen hjälper dig att bedöma bokstavsmärket eller emojin innan du genererar paketet.
tipsUppladdade logotyper skickas över HTTPS när du väljer Generera. Källor med initialer och emoji renderas först lokalt i din webbläsare, sedan skickas den genererade källbilden för att skapa paketet. Serverbearbetade filer följer säkerhetspolicyn; ingenting laddas upp enbart genom att du redigerar den lokala förhandsvisningen.
privacyPacka upp den nedladdade filen i webbplatsens /public-mapp (eller webbrot), lägg sedan till det medföljande HTML-utdraget i din <head>: link-taggar för PNG-ikonerna plus en länk till site.webmanifest. Gör en hård uppdatering av din webbplats (Cmd+Shift+R) – webbläsare cachar favikoner aggressivt, så du kan behöva rensa cachen för att den nya ikonen ska visas.
usagePaketet innehåller ikonerna 192×192 och 512×512 samt ett grundmanifest som används av installerbara webbappar. Ikoner ensamma gör inte en webbplats installerbar; din app måste också uppfylla webbläsarens aktuella krav på manifest, HTTPS och service worker.
technicalJa. Förhandsgranska och ladda ner den rena favicon ZIP utan att skapa ett konto. Ikonuppsättningen återges på våra servrar, så fri användning har en tillåtelse och Premium tar bort locket.
pricingEn favikon är den lilla ikonen som visas i webbläsarflikar, bokmärken och historik, med tillhörande ikonstorlekar som används för genvägar på hemskärmen och installerade appar. Börja här med en logotypbild, initialer eller en emoji eller symbol och ladda ner ikonuppsättningen plus site.webmanifest i en ZIP.
usageJa. Välj Skapa från initialer för att ange ett till tre tecken, en textstil och för-/bakgrundsfärger, eller välj Skapa från emoji för en symbol och bakgrund. Rätt designpanel öppnas automatiskt, källan förhandsvisas lokalt och ingenting genereras förrän du väljer favicon-åtgärden.
featuresJa — uppladdaren accepterar PNG-, JPEG-, WebP- och SVG-källfiler, inte bara PNG. SVG är värt att använda om du har det: eftersom det är vektor renderas varje utdatastorlek från 16 upp till 512 fräscht från vektordatan istället för att skalas upp från en raster, så kanterna förblir skarpa även vid 512×512. JPEG och WebP fungerar också bra, men du bör platta ut eventuell transparens mot en bakgrund först eftersom JPEG inte kan hålla en alfakanal.
technicalVälj Använd en bild eller logotyp, ladda upp PNG:en och generera paketet. Det innehåller en favicon.ico med flera upplösningar, PNG-storlekar, Apple- och Android-ikoner, site.webmanifest och ett HTML-utdrag i en ZIP. Du kan också börja från JPEG, WebP eller SVG, eller byta läge för att designa ett bokstavsmärke från initialer eller använda en emoji eller symbol.
usageJa — Pixoate stöder batch- och bulkbearbetning. Växla till batch-läge, lägg till upp till 60 källbilder på Premium eller 200 på Pro, ställ in dina alternativ en gång, och varje källbild bearbetas med samma inställningar innan du laddar ner en ZIP som innehåller ett komplett favicon-paket per källbild. Bulkbearbetning är en Premium-funktion; utgången använder samma kvalitet och inställningar som singelläge.
featuresJa – med massbearbetning konfigurerar du inställningarna en gång och de gäller för varje objekt i partiet – upp till 60 källbilder på Premium eller 200 på Pro. Det finns ingen anledning att upprepa inställningarna per objekt, och tillfälligt uppladdade och genererade filer bearbetas säkert och raderas automatiskt.
usageDet beror nästan alltid på en av tre saker. Filen överskrider den kostnadsfria uppladdningsgränsen på 11 MB – Premium tillåter 50 MB och Pro 120 MB. Formatet kanske inte stöds av verktyget; kontrollera listan i uppladdningspanelen. Eller så har filen egentligen inte det format som filnamnet anger: att byta namn på en fil ändrar inte innehållet, och därför kan en fil som ser giltig ut ändå nekas.
troubleshootingJa — justera ingångarna och generera igen så många gånger du behöver; ingenting är låst förrän du laddar ner. Kontrollera resultatet vid den storlek det faktiskt kommer att användas, eftersom något som läses tydligt på skärmen kan misslyckas när det väl skrivs ut litet eller visas på en telefon.
troubleshootingNej. Du kan köra Favicon Generator och ladda ner det kostnadsfria resultatet utan ett konto, och det har ingen vattenstämpel. Premium är vad du köper när gränserna börjar bita: upp till 60 filer i en batch, större uppladdningar, inget dagligt tak och resultatet med originalupplösning. Ingenting avslöjas vid nedladdningssteget som inte var synligt innan du började.
pricingNej — Favicon Generator körs i webbläsaren på skrivbordet och telefonen. Det finns inget att installera, ingen testversion att starta och ingen licens att köpa innan du kan se om den gör vad du behöver. Prova det på filen du faktiskt har fastnat med snarare än ett prov.
troubleshootingSå hjälper Favicon-generator dig att få det gjort
Verkliga problem den löser varje dag - för företag, kreatörer och vardagliga uppgifter. Hitta det användningsfall som passar dig och börja.
Lanseringar för indie-utvecklare
Soloföretagare som lanserar sin MVP behöver en polerad favicon innan lanseringen. Generera alla storlekar från din enda logotypbild plus manifestet med ett klick – ingen Figma, ingen designprenumeration behövs.
Byråkonfiguration för kund
När du levererar en ny kundwebbplats är favicon-uppsättningen sällan budgeterad men alltid förväntad. Skapa ZIP-filen i slutet av projektet, lägg den i /public och bocka av leveransen.
PWA-installerbarhet
För att klara Chromes kontroll av installerbarhet behöver ditt manifest ikoner i 192×192 och 512×512. Vår utdata uppfyller det kravet direkt, tillsammans med matchande HTML-head-taggar.
Arbetsytor för flera varumärken
Byråer och konsulter som jonglerar flera kundvarumärken kan generera om favicon-uppsättningen på 10 sekunder varje gång ett varumärke uppdateras — utan att behöva underhålla en Photoshop-åtgärd.
Varumärkesprofilering för projekt med öppen källkod
Webbplatser på GitHub Pages, Vercel, Netlify och Cloudflare Pages behöver alla favicons för att se proffsiga ut i webbläsarflikar. Lägg de genererade filerna i ditt repo så ser ditt projekt färdiglanserat ut.
Uppfräschning av varumärke
När din logotyp ändras genererar du om alla nödvändiga storlekar på nytt — inklusive 180px Apple touch-ikon och 512px Android PWA-ikon — utan att manuellt exportera om från Illustrator.
Ikoner för ett manifest till en webbläsartillägg
Ta 16-, 32- och 48px-PNG:erna direkt ur ZIP:en till ditt icons-objekt i manifest.json — ett snabbt sätt att få regelenliga tilläggsikoner utan att exportera varje storlek för hand i ett designverktyg.
Fyll faviconluckan på no-code-webbplatser
Webflow, Framer och Wix skapar sällan en komplett favicon-uppsättning på egen hand. Ladda upp din logotyp här och klistra in de resulterande storlekarna och HTML-utdraget i webbplatsens panel för anpassad kod eller SEO-inställningar på några minuter.
Ge en hobbyblogg ett färdigt utseende
Personliga bloggar på Ghost, Jekyll eller Hugo levereras ofta helt utan favicon; generera hela uppsättningen från ett porträtt eller en handritad logotyp så att webbläsarfliken ser genomtänkt ut i stället för tom.
Fixa den favicon som flaggades i en SEO-granskning
En saknad eller trasig favicon är en vanlig varning i Lighthouse- och SEO-crawlerrapporter, och den skadar tyst klickfrekvensen i sökresultat och bokmärken. Skapa hela uppsättningen på nytt med en enda uppladdning och åtgärda den anmärkningen redan idag.
Titta på varje transformationsland
Varje foto korsar snedstrecket orört och kommer ut på andra sidan färdigt.
