ICO till PNG-konverterare

Din ICO och den skapade PNG-filen stannar i den här webbläsaren. I stegläget sparas ICO-filen bara i webbläsarens tillfälliga lagring i högst 30 minuter och upphör sedan automatiskt.

Bearbetar...

Formatera
ICO
Storlekar i filen
Filstorlek

När du behöver en transparent favikon till en app med mörkt tema, en presentation eller en README är en fristående PNG ofta enklare att använda än en ICO-behållare. Släpp en .ico-fil här, granska de inbäddade bildstorlekarna, välj en bild som stöds och exportera den som PNG med samma mått.

Så konverterar du ICO till PNG

  1. 1

    Släpp en .ico-fil

    Behållaren tolkas lokalt i din webbläsare.

  2. 2

    Välj en inbäddad bild

    Verktyget visar storlek, färgdjup och kodning för varje bild och markerar bilder som inte kan avkodas.

  3. 3

    Förhandsgranska och ladda ner

    Kontrollera den valda bilden och spara en PNG med originalmåtten.

  4. 4

    Valfri uppskalning

    Om den största inbäddade storleken är mindre än du behöver, exportera den och kombinera med en uppskalare; sträck inte här.

Varför PNG är en bättre behållare för modern användning

ICO är fortfarande det format webbläsare förväntar sig för favicon.ico, men PNG har gått om det överallt annars.

Formatjämförelse

Funktion ICO PNG
Transparens 1-bitars mask + 8-bitars alfa 8-bitars alfa (RGBA)
Flera storlekar Ja, i en behållare Nej, en upplösning per fil
Komprimering Okomprimerad BMP eller PNG inuti Deflate zlib
Webbläsarstöd Universellt för /favicon.ico Universellt + link rel=icon
Redigeringsverktyg Begränsade Alla bildredigerare

Bästa praxis för favikoner idag

De flesta webbplatser serverar fortfarande favicon.ico för rotbegäran, men länkar moderna PNG-filer från HTML-headen:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Extrahering och redigering

När den väl exporterats som PNG kan du öppna ikonen i Figma, Sketch, GIMP eller Photoshop och redigera den med fullt alfastöd. När du är klar, exportera PNG-filerna igen och, vid behov, paketera om dem till en ny .ico.

Vanliga frågor

Konverteraren behåller genomskinlighet från alfakanalen i en inbäddad PNG eller från en ICO-bitmapps genomskinlighetsmask som stöds. Kontrollera alltid förhandsvisningen eftersom vissa ovanliga äldre kodningar återger genomskinlighet på annat sätt.

Verktyget listar alla bilder i ICO-katalogen men exporterar en bild som stöds i taget. Det hanterar ICO-filer på upp till 10 MB med PNG-komprimerade bilder eller vanliga okomprimerade och bitfältskodade Windows-bitmaps. Välj en annan storlek och ladda ner igen om du behöver flera PNG-filer.

Inte utan att förlora kvalitet. Att skala upp små ikoner ger suddiga resultat. Om du behöver en stor version, bygg om källvektorn (SVG) och exportera i den storlek du behöver.

Nej. ICO-tolkning och PNG-kodning körs på din enhet med JavaScript och webbläsarens bild-API:er. I stegläget ligger ICO-filen i webbläsarens tillfälliga lagring i högst 30 minuter och upphör sedan automatiskt.

Relaterade verktyg