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-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.
tipsYour source image is uploaded over HTTPS to our secure server, which renders every favicon size and the site.webmanifest and returns them as a ZIP, then deletes the upload automatically after processing. Downloads have no watermark and nothing is stored or shared, so it stays safe for unreleased products and pre-launch brand identities.
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.
usageYes — the uploader accepts PNG, JPEG, WebP and SVG source files, not just PNG. SVG is worth using if you have it: because it's vector, every output size from 16 up to 512 is rendered fresh from the vector data instead of being scaled up from a raster, so edges stay crisp even at 512×512. JPEG and WebP work fine too, though you should flatten any transparency onto a background first since JPEG can't hold an alpha channel.
technicalHow 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.
Icons for a Browser Extension Manifest
Grab the 16, 32 and 48px PNGs straight out of the ZIP for your manifest.json icons object — a fast way to get compliant extension icons without exporting each size by hand in a design tool.
Fill the Favicon Gap on No-Code Sites
Webflow, Framer and Wix rarely generate a full favicon set on their own; upload your logo here and paste the resulting sizes and HTML snippet into the site's custom-code or SEO settings panel in minutes.
Give a Hobby Blog a Finished Look
Personal blogs on Ghost, Jekyll or Hugo often ship with no favicon at all; generate the full set from a headshot or hand-drawn logo so the browser tab looks intentional instead of blank.
Fix the Favicon Flagged in an SEO Audit
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.