PixoateFavicon-generator – Skapa alla favicon-storlekar från en bild
Ladda upp valfri bild och få direkt den kompletta favikonuppsättningen: 16, 32, 48, 180 (Apple), 192 och 512 (PWA) plus site.webmanifest, paketerat som en ZIP.
Släpp din logotyp för att generera alla favicon-storlekar
Inkluderar site.webmanifest + HTML-kodsnutt
Klar med Favicon-generatorn? Prova de här härnäst
Handplockade verktyg som passar bra ihop med Favicon-generator. Fortsätt utan att förlora din fil.
ICO-konverterare
Konvertera PNG / JPG / SVG till en Windows-ikon i .ico med flera upplösningar (16 / 32 / 48 / 64 / 128 / 256 px och fler).
Prova nuSVG till PNG
Rastrera vilken SVG som helst till skarp PNG i 1x–8x skala med transparent, vit eller anpassad bakgrund.
Prova nuPNG till WebP
Konvertera PNG till WebP och minska filstorleken med 60–80 % samtidigt som varje transparent pixel bevaras. Kvalitetsreglage, valfritt förlustfritt läge.
Prova nuBild till klistermärke
Förvandla vilket foto som helst till ett klistermärke i tryckt stil med AI-bakgrundsborttagning och en anpassningsbar vit kontur. Perfekt för WhatsApp, Telegram, iMessage.
Prova nuÄndra storlek på bild
Ändra storlek på JPG-, PNG-, GIF-, WebP- eller SVG-bilder till exakt bredd och höjd, eller skala om i procent – ändra storlek på en bild eller massbearbeta många på en gång till en ZIP. Live-förhandsgranskning, behåller bildförhållande och kvalitet. Gratis, ingen registrering, ingen vattenstämpel.
Prova nuFärgväljare
Plocka valfri pixelfärg från ett foto (HEX / RGB / HSL) eller extrahera automatiskt den dominerande paletten. Exportera som JSON eller CSS-variabler.
Prova nuFrequently 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 webbplatsikoner i Windows, 180×180 för Apple touch-ikon (iOS-hemskärm) samt 192×192 + 512×512 för Android-hemskärmar och PWA-installationsuppmaningar. Vår generator skapar alla sex plus en site.webmanifest från en enda källbild.
usageDe flesta moderna webbläsare föredrar PNG-länktaggarna (rel="icon" type="image/png"), så en ICO-fil krävs inte längre. Vi hoppar över det föråldrade ICO-formatet och tillhandahåller PNG-favicons med rätt storlek för alla moderna mål. Om du måste ha stöd för Internet Explorer eller mycket gamla Chrome-versioner kan du konvertera en av PNG-bilderna till ICO separat.
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.
featuresEn kvadratisk (1:1) PNG på 512×512 eller större ger det renaste resultatet i alla storlekar. Undvik fina detaljer som försvinner vid 16×16 – favicons fungerar bäst med en enda kraftfull form och hög kontrast. Transparenta PNG:er fungerar; verktyget ramar in dem så att ikonen sitter centrerad i alla storlekar.
tipsJa — din källbild ändras i storlek via canvas-API:et och packas som en ZIP lokalt. Inget laddas upp. Det gör det säkert att generera ikoner för opublicerade produkter och varumärkesidentiteter inför lansering.
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.
usageJa — PNG-bilderna på 192×192 och 512×512 är precis vad Chrome och Edge letar efter för att en webbplats ska kvalificera sig som en installerbar PWA. Tillsammans med manifestet uppfyller de Lighthouses kontroll av PWA-installerbarhet.
technicalJa. Inga vattenstämplar, ingen registrering, ingen användningsgräns — och ZIP-filen är din för alltid. Vi lade till det här verktyget eftersom varje utvecklare förr eller senare behöver en favicon-uppsättning, och de befintliga generatorerna var antingen fyllda med annonser eller fick dig att betala för högupplösta resultat.
pricingHow Favicon Generator helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
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.