ICO naar PNG-converter

Je ICO en de gemaakte PNG blijven in deze browser. In de stappenmodus wordt de ICO maximaal 30 minuten in de tijdelijke browseropslag bewaard en verloopt deze daarna automatisch.

Verwerken...

Formatteren
ICO
Sizes in bestand
Bestandsgrootte

Voor een transparante favicon in een app met donker thema, een presentatie of een README-bestand is een afzonderlijke PNG vaak handiger dan een ICO-container. Plaats hier een .ico-bestand, bekijk de ingesloten afbeeldingsformaten, kies één ondersteunde afbeelding en exporteer deze als PNG met dezelfde afmetingen.

Hoe je een ICO omzet in een PNG-bestand

  1. 1

    Sleep een .ico-bestand hierheen

    De container wordt lokaal in uw browser verwerkt.

  2. 2

    Kies één ingesloten afbeelding

    Het hulpmiddel toont formaat, kleurdiepte en codering van elke afbeelding en markeert afbeeldingen die niet kunnen worden gedecodeerd.

  3. 3

    Bekijk en download

    Controleer de gekozen afbeelding en sla één PNG met de oorspronkelijke afmetingen op.

  4. 4

    Optioneel opschalen

    Als de grootste ingebouwde afmeting kleiner is dan nodig, exporteer deze dan en combineer met een upscaler; rek de afbeelding hier niet uit.

Waarom PNG een betere container is voor moderne toepassingen

ICO blijft het formaat dat browsers verwachten voor favicon.ico, maar PNG heeft elders al zijn plaats ingenomen.

Vergelijking van formaten

Functie ICO PNG
Transparantie 1-bit masker + 8-bit alpha 8-bit alpha (RGBA)
Meerdere maten Ja, in één container Nee – slechts één resolutie per bestand
Compressie Ongecomprimeerde BMP of PNG binnenin Deflate (zlib)
Browserondersteuning Universeel voor /favicon.ico Universeel + link rel=icon
Bewerkingstools Beperkt Elke beeldeditor

De beste praktijk voor een website-favicon vandaag

De meeste websites bieden nog steeds favicon.ico aan voor het hoofdverzoek, maar verwijzen naar moderne PNG-bestanden vanuit de HTML-head:

<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">

Extraheren en bewerken

Nadat het bestand is geëxporteerd als PNG, kunt u het pictogram openen in Figma, Sketch, GIMP of Photoshop en het bewerken met volledige alpha-ondersteuning. Wanneer u klaar bent, exporteer de PNG-bestanden opnieuw en bundel ze indien nodig opnieuw tot een nieuw .ico-bestand.

Veelgestelde vragen

De converter behoudt transparantie uit het alfakanaal van een ingesloten PNG of uit een ondersteund transparantiemasker van een ICO-bitmap. Controleer altijd het voorbeeld, want sommige zeldzame oudere coderingen leggen transparantie anders vast.

Het hulpmiddel vermeldt alle afbeeldingen in de ICO-map, maar exporteert telkens één ondersteunde afbeelding. Het verwerkt ICO-bestanden tot 10 MB met PNG-gecomprimeerde afbeeldingen of gangbare ongecomprimeerde en bitfield-Windows-bitmaps. Kies een ander formaat en download opnieuw als u meerdere PNG-bestanden nodig hebt.

Het gebeurt niet zonder dat de kwaliteit afneemt: het vergroten van kleine iconen leidt tot onscherpe resultaten. Als u een grote versie nodig hebt, bouw de bronvector (SVG) opnieuw en exporteer deze in de gewenste grootte.

Nee. De ICO-analyse en PNG-codering worden met JavaScript en de afbeeldings-API’s van de browser op uw apparaat uitgevoerd. In de stappenmodus blijft de ICO maximaal 30 minuten in de tijdelijke browseropslag en verloopt deze daarna automatisch.

Gerelateerde tools