ICO naar WebP omzetten

Deze pagina is voor een front-end ontwikkelaar of sitebeheerder die een icoon op een pagina toont als gewone afbeelding in plaats van als favicon — een merk in een koptekst, een tegel in een raster van integraties, een inline badge in documentatie — op een site waarvan de buildpijplijn voor alles al WebP genereert.

De wens is dat het icoon aansluit bij de rest van de assetset, met behouden transparantie zodat het naadloos past op elke achtergrondkleur.

WebP behoudt een alfakanaal, dus de transparante gebieden in het ICO-bestand blijven doorzichtig in het resultaat. Dat is precies wat deze omzetting onderscheidt van een omzetting naar JPG, waar transparantie altijd dekkend wordt.

Voor een icoon dat op verschillende achtergrondkleuren moet passen, is dat behoud van transparantie de belangrijkste reden om voor WebP te kiezen.

Bij een testicoon van 8.471 bytes leverde WebP op de standaardkwaliteit van 82 een bestand van 3.054 bytes op, tegen 256x256 pixels met het alfakanaal intact. Hetzelfde icoon naar PNG kwam uit op 1.737 bytes — kleiner dan de WebP.

Het gangbare argument "WebP is altijd kleiner" gaat hier dus niet op: op iconformaat, met vlakke kleurvelden en scherpe randen, kan PNG efficiënter zijn. Kies WebP hier vooral omdat het bij de rest van de assetset past, niet primair vanwege bestandsgrootte.

Een ICO-bestand kan meerdere groottes van hetzelfde beeld bevatten. Deze omzetting gebruikt de grootste beschikbare laag als bron, zodat het resultaat zo scherp mogelijk is.

Bevat het ICO-bestand alleen kleine groottes, dan is dat ook wat de WebP als bron heeft — er wordt niets kunstmatig vergroot.

De omzetting draait volledig in de browser; het ICO-bestand wordt niet naar een server gestuurd. De limiet op het gratis plan is 100 MB per bestand.

Meerdere iconen tegelijk aanbieden werkt net zo goed als één: tot honderd bestanden per batch.

Wordt een hele set integratie-iconen of merklogo’s tegelijk omgezet naar WebP, dan kunnen tot honderd ICO-bestanden per sessie worden aangeboden, elk met een eigen voortgangsindicator.

Het resultaat komt terug als losse bestanden of als ZIP, met dezelfde bestandsnamen als het origineel maar de `.webp`-extensie.

Bouwt de rest van de site niet al specifiek op WebP, dan is PNG voor een los icoon vaak de eenvoudigere keuze: universeel ondersteund, en zoals de meting hierboven laat zien, op iconformaat regelmatig ook nog kleiner.

WebP is hier vooral zinvol wanneer consistentie met een bestaande WebP-gebaseerde assetset zwaarder weegt dan een paar honderd bytes verschil in bestandsgrootte.