PNG naar ICO

PNG naar ICO is een gratis tool waarmee je PNG-afbeeldingen omzet in ICO-bestanden voor gebruik als favicons en Windows-pictogrammen.

Hoe zet ik een PNG om naar ICO?

Selecteer het PNG-bestand, start de conversie en sla daarna het resulterende ICO-bestand op.

1. Selecteer de PNG-afbeelding die je wilt converteren.
2. Voer de conversie uit en sla het ICO-bestand op.
3. Open het ICO-bestand of gebruik het als favicon om te controleren of de afmetingen, transparantie en weergave op klein formaat geschikt zijn.

De conversie vindt volledig in je browser plaats. Je PNG wordt nooit naar een server geüpload. Dat is handig als het bronbestand een nog niet gepubliceerd logo, interne productillustraties of een andere afbeelding bevat die je niet met anderen wilt delen.

Wat verandert er als ik PNG naar ICO converteer?

De afbeelding wordt in de ICO-indeling geplaatst, een bestandsformaat dat speciaal voor pictogrammen is ontworpen en niet voor gewone afbeeldingen op webpagina's.

• Transparantie: PNG ondersteunt volledige alfatransparantie. ICO kan in 32-bits afbeeldingsitems eveneens vloeiende transparantie weergeven, terwijl oudere pictogramgegevens soms een eenvoudiger transparantiemasker van één bit gebruiken. Controleer het ICO-bestand na de conversie op transparantieartefacten rond fijne randen en schaduwen.
• Animatie: PNG kan animaties bevatten, maar ICO heeft hiervoor geen standaard geanimeerd equivalent. Geanimeerde frames kunnen dus niet als een gewoon ICO-pictogram worden weergegeven.
• Compressie: PNG gebruikt verliesloze DEFLATE-compressie. ICO is een container die, afhankelijk van de manier waarop het bestand is gemaakt, afbeeldingen met PNG-compressie of oudere afbeeldingsgegevens in BMP-stijl kan bevatten.
• Toepassing: PNG is een algemeen afbeeldingsformaat dat breed wordt ondersteund op websites, in documenten en in toepassingen. ICO wordt voornamelijk gebruikt voor favicons van websites en pictogrammen in Microsoft Windows.
• Meerdere formaten: Een ICO-bestand kan verschillende versies van een pictogram bevatten, bijvoorbeeld van 16 × 16, 32 × 32 en 48 × 48 pixels. Alleen converteren geeft geen zekerheid over welke items aanwezig zijn. Controleer daarom het resulterende bestand als je een specifieke reeks nodig hebt.

Door een PNG te converteren, krijgt de afbeelding niet meer detail. Als je een kleine of wazige PNG vóór de conversie vergroot, blijft het resulterende pictogram er onscherp uitzien.

Wanneer moet ik PNG naar ICO converteren?

Converteer PNG naar ICO als een website, Windows-toepassing of oudere integratie specifiek om een .ico-bestand vraagt.

Een veelvoorkomende toepassing is het maken van favicon.ico voor een website. Browsers ondersteunen doorgaans ook PNG-favicons, maar ICO blijft nuttig voor conventionele faviconpaden, oudere software en pakketten die één bestand met meerdere pictogramformaten verwachten. Windows gebruikt ICO-bestanden ook voor snelkoppelingen naar toepassingen. Pictogrammen van uitvoerbare programma's worden daarentegen normaal gesproken als pictogrambronnen in uitvoerbare bestanden opgeslagen.

Conversie is minder zinvol als de afbeelding in een webpagina, e-mail of document komt te staan. PNG wordt in die omgevingen breder ondersteund en is eenvoudiger te bewerken. Converteren is ook geen goed idee als je verwacht dat het een bronbestand van lage kwaliteit herstelt. Zowel PNG als geschikte afbeeldingsitems in ICO kunnen verliesloos zijn, maar conversie vanuit een eerder aangetaste afbeelding kan details die al verloren zijn gegaan niet terughalen.

Hoe groot wordt het ICO-bestand?

Een ICO-bestand kan groter of kleiner zijn dan de oorspronkelijke PNG. Een ICO met meerdere resoluties is echter vaak groter dan één PNG-afbeelding.

Er bestaat geen vaste verhouding tussen de bestandsgrootte van een PNG en die van een ICO. De grootte hangt af van het aantal pictogramitems, hun pixelafmetingen, de kleurdiepte, de complexiteit van de afbeelding en het gebruik van PNG-compressie of opslag in BMP-stijl per item. Eén item met PNG-compressie kan ongeveer even groot blijven als het bronbestand. Meerdere items in BMP-stijl kunnen het bestand aanzienlijk groter maken.

Bij favicons is een heldere weergave op kleine afmetingen meestal belangrijker dan een besparing van een paar honderd bytes. Bekijk het pictogram op 16 × 16 en 32 × 32 pixels in plaats van het alleen op basis van een grote voorvertoning te beoordelen.

Een PNG voorbereiden voor een favicon

Begin met een vierkante afbeelding met een eenvoudige vorm en voldoende ruimte rond het belangrijkste onderwerp. Een gedetailleerd logo van 512 × 512 kan op het oorspronkelijke formaat duidelijk zijn, maar bij verkleining tot een pictogram op een browsertabblad veranderen in een onherkenbaar vlak.

• Gebruik een vierkant canvas in plaats van een brede banner of een woordmerk.
• Verwijder kleine tekst die op faviconformaat niet leesbaar blijft.
• Houd de transparante ruimte aan alle kanten gelijk, zodat het pictogram niet uit het midden lijkt te staan.
• Controleer lichte illustraties in zowel een licht als een donker browserthema.
• Vermijd het omzetten van een bronbestand van 16 × 16 naar grotere pictogramitems. Grotere ICO-items die van de PNG van 16 × 16 zijn gemaakt, bevatten geen extra detail.

Een transparante PNG van 512 × 512 met één duidelijk symbool is bijvoorbeeld een praktisch bronbestand voor favicon.ico. Een bedrijfsbanner van 1.200 × 400 is dat niet. Door zo'n PNG-banner naar een ICO-bestand te converteren, wordt deze niet opnieuw ontworpen, bijgesneden of vereenvoudigd.

Veelgestelde vragen

Kan ik de extensie van een PNG-bestand gewoon wijzigen van .png naar .ico?

Nee. Als je alleen de extensie wijzigt, blijven de interne PNG-gegevens onveranderd. Software die een echte ICO-container verwacht, kan het bestand daarom weigeren. De afbeeldingsgegevens moeten worden geconverteerd en in ICO-indeling worden opgeslagen.

Kan één ICO-bestand pictogrammen van verschillende formaten bevatten?

Ja. De ICO-specificatie staat meerdere afbeeldingen met verschillende afmetingen en kleurdiepten in één bestand toe. Zo kan software zelf een geschikt item kiezen, zonder steeds dezelfde afbeelding voor elke toepassing te hoeven schalen.

Waarom heeft mijn pictogram een witte of donkere rand?

Randen kunnen ontstaan door semi-transparante randpixels die voor een bepaalde achtergrondkleur zijn voorbereid. Ook de verwerking van het alfakanaal of transparantiemasker tijdens de conversie of weergave kan de oorzaak zijn. Bekijk de oorspronkelijke PNG tegen zowel een witte als een zwarte achtergrond en verwijder vóór de conversie eventuele ongewenste matte achtergrondkleuren.

Moet ik ICO gebruiken op macOS?

ICO is niet het gebruikelijke formaat voor pictogrammen van native macOS-toepassingen. Daarvoor worden doorgaans ICNS of assetcatalogi gebruikt. Een ICO-bestand kan op macOS nog wel relevant zijn als het om een favicon voor een website gaat of om een platformonafhankelijk project dat expliciet om ICO vraagt.

Is GIF een betere keuze als de bron geanimeerd is?

ICO ondersteunt geen standaard geanimeerde pictogramframes. Voor een eenvoudige geanimeerde webafbeelding kan PNG naar GIF geschikter zijn. GIF is wel beperkt tot 256 kleuren per frame en vormt geen vervanging voor een conventionele favicon.

Laatste controles

Controleer of het opgeslagen bestand de extensie .ico heeft, op klein formaat herkenbaar blijft en strakke transparante randen heeft. Als het doelplatform exacte afmetingen voorschrijft of meerdere ingesloten formaten vereist, controleer dan de ICO-items voordat je het bestaande pictogram vervangt. Wis vervolgens de faviconcache van de browser wanneer je het resultaat op een website controleert.