Bild till ikon
Förvandla en bild till ett komplett ikonpaket
Bild till ikon-konverterare
Ladda upp en bild, forma ramen, förhandsgranska de små storlekarna och ladda sedan ner hela ikonpaketet med ett klick.
Ladda upp en bild
Dra och släpp din bild, klicka för att bläddra eller klistra in (Ctrl+V)
JPG, PNG, WebP upp till 25 MB – bearbetas på din enhet
Ladda upp en bild för att förhandsgranska din ikonuppsättning
Din bild lämnar aldrig din enhet. Hela bild-till-ikon-konverteringen körs lokalt.
Vad ikonpaketet innehåller
En bild-till-ikon-konvertering producerar alla filer en riktig webbplats behöver – webbläsarflik, startskärm, installationsprompt och allt annat.
Favicon i flera storlekar
favicon.ico16, 32, 48 px
En enda ICO-fil med tre inbäddade storlekar för äldre webbläsarflikar, skrivbordsgenvägar och systemytor.
Apple Touch Icon
apple-touch-icon.png180 x 180 px
Den rundade fyrkantsikon som iOS använder när en besökare sparar din webbplats på sin startskärm.
PWA- och Android-ikoner
android-chrome-*.png192 & 512 px
PNG-bilder i hög upplösning för installationsbara PWA-prompter, appstartaren och Android-startskärmar.
Manifest och HTML
site.webmanifest + utdragJSON + länkar
Ett förkonfigurerat webbmanifest och de exakta link-taggar att klistra in i ditt dokuments head.
Vad är bild till ikon?
En bild-till-ikon-konverterare förvandlar en källbild till den fullständiga uppsättningen ikonfiler en webbplats behöver – favicons, appikoner och ett manifest.
En bild-till-ikon-konverterare tar en enda källbild och producerar alla ikonfiler en riktig webbplats levereras med. Webbläsare begär en liten 16-pixelsfyrkant för webbläsarfliken, iOS vill ha en 180-pixlars Apple Touch Icon för startskärmen och installationsbara PWA:er behöver 192- och 512-pixels-PNG:er plus ett webbmanifest. Att göra det för hand innebär att ändra storlek, namnge och referera ett halvdussin filer. Bild-till-ikon-verktyget hanterar alla storlekar från en uppladdning, på en canvas, i din webbläsare – så källbilden lämnar aldrig din enhet.
- ✓Körs helt på din enhet – ingen uppladdning, ingen serverrundtur för bild-till-ikon-konverteringen
- ✓Skapar favicon.ico, PNG-storlekar, Apple Touch Icon, PWA-ikoner, manifest och HTML i ett paket
- ✓Tre formlägen – Beskär till fyrkant, Anpassa med marginal och Sträck – så att även breda logotyper fungerar
- ✓Justerbar marginal, hörnradie och bakgrundsfärg för en snygg ikonplatta
- ✓Direkt förhandsvisning i 16, 32, 180 och 512 pixlar så att du vet att de små storlekerna är tydliga
Bästa storlekar för bild-till-ikon-utdata
| Storlek | Vanlig användning |
|---|---|
| 16x16 | Små webbläsarflikar och äldre favicon-visning. |
| 32x32 | Modern favicon-PNG och flikvisning med hög pixeltäthet. |
| 48x48 | Skrivbordsgenvägar och vissa systemytor. |
| 180x180 | Apple Touch Icon för sparade startskärmslänkar. |
| 192x192 / 512x512 | PWA- och Android-installationsikoner. |
Om 16-pixelsförhandsvisningen är svår att läsa, prova en kraftigare beskärning, mer marginal eller en enfärgad bakgrund. En centrerad form med tydlig kontrast överlever övergången från stor bild till ikonstorlekar mycket bättre än en komplex bild.
Varför använda en bild-till-ikon-konverterare?
Att skapa favicon- och appikonfiler för hand är krångligt och felbenäget. Det här bild-till-ikon-verktyget löser de vanliga problemen.
Problemen med ett manuellt bild-till-ikon-arbetsflöde
Ändra storlek och byt namn för hand
Du behöver 16, 32, 48, 180, 192 och 512 pixlars PNG:er plus en ICO, alla med specifika filnamn. Att göra det en fil i taget i ett grafikprogram är långsamt och lätt att göra fel.
Inget manifest eller HTML
Även efter storleksändringen måste du skriva site.webmanifest och de exakta link-taggarna. Missar du en slutar startskärmsikonen eller PWA-installationen att fungera utan att du märker det.
Uppladdningstjänster online är riskabla
Många bild-till-ikon-sajter skickar din logotyp till en server. För en privat kundlogotyp eller en olanserad produkt är det ett direkt dealbreaker.
Vad det här bild-till-ikon-verktyget gör rätt
Privat från grunden
Hela bild-till-ikon-konverteringen körs på en canvas i din webbläsare. Din logotyp laddas aldrig upp någonstans.
Ikonpaket med ett klick
Ladda ner favicon.ico, alla PNG-storlekar, Apple Touch Icon, PWA-ikoner, manifest och HTML-utdraget i en enda ZIP.
Direkt förhandsvisning i liten storlek
Se exakt hur faviconen ser ut i 16 och 32 pixlar innan du lanserar – de storlekar där de flesta ikoner misslyckas.
Form, marginal, radie
Beskär breda logotyper till en fyrkant, anpassa hela märket med marginal, runda av hörnen eller sätt en enfärgad bakgrund – allt i realtid.
Giltig ICO i flera storlekar
Favicon.ico samlar 16, 32 och 48 pixlar i en fil, så att äldre webbläsare, skrivbordsgenvägar och adressfältet alla visar rätt ikon.
Gratis, utan registrering, utan vattenmärke
Öppna sidan och börja konvertera. Inget konto, ingen e-post, inget vattenmärke på utdata.
Så konverterar du en bild till ikonfiler
Fem snabba steg från en enda källbild till ett fullständigt, driftklart ikonpaket.
Ladda upp
Släpp in en PNG, JPG eller WebP. En ren fyrkantig källa fungerar bäst, men breda bilder fungerar också – välj Anpassa med marginal för att behålla dem hela.
Forma
Välj Beskär till fyrkant, Anpassa med marginal eller Sträck. Förhandsvisningen uppdateras medan du justerar ramen för varje ikonstorlek.
Stil
Lägg till marginal, runda av hörnen, behåll transparent bakgrund eller välj en enhetlig färg för en snygg ikonplatta.
Förhandsgranska
Kontrollera 16-pixelsförhandsvisningen innan du exporterar. Om den lilla versionen är tydlig kommer även de större appikonerna att se bra ut.
Ladda ner
Klicka på Ladda ner ikonpaket för att få favicon.ico, alla PNG:er, manifestet och HTML-utdraget i en ZIP.
Funktioner för bild till ikon
Allt du behöver för att förvandla en bild till en komplett, driftklar ikonuppsättning.
Privat, i webbläsaren
Hela bild-till-ikon-konverteringen körs på din enhet. Din källbild laddas aldrig upp någonstans.
Komplett ikonpaket
favicon.ico, PNG-storlekar, Apple Touch Icon, PWA-ikoner, site.webmanifest och HTML – samlade i en enda ZIP-nedladdning.
Form- och stilkontroller
Beskär, anpassa eller sträck källan och finjustera sedan marginal, hörnradie och bakgrundsfärg med direkt förhandsvisning.
favicon.ico i flera storlekar
En giltig ICO-fil med 16, 32 och 48-pixelsramar inbäddade, så att alla webbläsare väljer rätt storlek.
Direkt förhandsvisning i liten storlek
Se 16- och 32-pixels-favicons innan du lanserar, så att du vet att de minsta storlekarna förblir läsbara.
Manifest och HTML-utdrag
Ett förkonfigurerat webbmanifest och link-taggar klara att klistra in – lägg dem i din head så är du klar.
Var bild-till-ikon-utdata används
Alla projekt som levererar en webbplats, app eller PWA behöver en ikonuppsättning. Här är vem som använder bild-till-ikon-paketet.
Webbutvecklare
Släpp de genererade filerna i public-mappen och klistra in HTML-utdraget.
- •Statiska sajter och landningssidor
- •Next.js-, Astro- och Vite-projekt
- •Dokumentationssajter och bloggar
Indie hackers
Leverera favicon och PWA-ikoner till ditt sidoprojekt på minuter.
- •MVP:er och produktlanseringar
- •Sidoprojekt och demos
- •Hackathon-bidrag
Designer
Lämna över ett komplett, korrekt namngivet ikonpaket till kunder från en enda logotypexport.
- •Kundleveranser av varumärken
- •Överlämning av designsystem
- •Favicon-utkast för granskning
Byråer
Skapa enhetliga ikonuppsättningar över många kundsajter utan att göra om arbetet.
- •Utrullningar på flera sajter
- •White-label-driftsättningar
- •Mall- och startpaket
PWA-skapare
Få 192- och 512-pixels-PNG:erna plus webbmanifestet som en installationsbar PWA behöver.
- •Installationsbara webbappar
- •Offline-först-PWA:er
- •Startskärmsstartare
Underhållare av öppen källkod
Lägg till en favicon och appikoner i ett repos public-mapp i ett steg.
- •GitHub Pages-sajter
- •Dokumentations- och demosajter
- •Projektets landningssidor
Vad folk säger
Utvecklare, designer och indie-skapare använder det här bild-till-ikon-verktyget för att leverera ikoner utan friktion.
“Jag brukade ändra storlek på sex PNG:er och skriva manifestet för hand varje gång jag startade ett projekt. Nu släpper jag in en logotyp, justerar marginalen och hela bild-till-ikon-paketet är klart på sekunder. 16px-förhandsvisningen har räddat mig från mer än en grötig favicon.”
Sofia Almeida
Frontendutvecklare
“Att det körs i webbläsaren är hela anledningen till att jag använder det. Kundlogotyper laddas inte upp någonstans och jag får ändå favicon.ico, Apple Touch Icon och PWA-ikonerna i en enda ZIP. Exakt vad en favicon-generator ska vara.”
Jonas Weber
Indie-skapare
“Jag levererar nu ikonpaket till kunder från det här verktyget. Lägena Beskär och Anpassa hanterar breda logotyper elegant, de rundade hörnen ser polerade ut och filnamnen matchar vad utvecklare faktiskt förväntar sig. Det är det renaste bild-till-ikon-arbetsflödet jag hittat.”
Mei Tanaka
Varumärkesdesigner
Vanliga frågor om bild till ikon
Snabba svar om bild-till-ikon-konverteraren – vad den gör, hur den fungerar, integritet och pris.
Ladda upp en bild och få hela ikonpaketet
favicon.ico, PNG-storlekar, Apple Touch Icon, PWA-ikoner, manifest och HTML – en nedladdning, redo att driftsättas. Gratis för alltid, ingen registrering.