PixoateFavicon-generator – Skapa alla favicon-storlekar från en bild
Ladda upp valfri bild och få direkt hela favikon-uppsättningen: en favicon.ico med flera upplösningar plus 16, 32, 48, 180 (Apple), 192 & 512 (PWA) PNG:er och site.webmanifest, paketerat som en ZIP.
Släpp din logotyp för att generera alla favicon-storlekar
Inkluderar favicon.ico, site.webmanifest + HTML-kodsnutt
Klar med Favicon-generator? Prova dessa 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 nuVanliga frågor
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.
tipsDin källbild laddas upp via HTTPS till vår säkra server, som renderar varje favicon-storlek och site.webmanifest och returnerar dem som en ZIP, och raderar sedan uppladdningen automatiskt efter bearbetningen. Nedladdningar har ingen vattenstämpel och inget lagras eller delas, så det förblir säkert för opublicerade produkter och varumärkesidentiteter före 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.
pricingEn favicon är den lilla ikonen som en webbläsare visar bredvid sidans titel i fliken, i bokmärken och i historiken. Den används även som ikon när någon lägger till din webbplats på en mobils hemskärm eller installerar den som en app. Ladda upp din logotyp här så skapar generatorn hela uppsättningen favicon-storlekar plus en site.webmanifest i en ZIP.
usageJa — 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.
technicalSå hjälper Favicon-generator dig att få det gjort
Verkliga problem det löser varje dag — för företag, kreatörer och vardagliga uppgifter. Hitta användningsfallet som passar dig och kom igång på några sekunder.
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.