Gratis PNG naar ICO favicon-converter

Hoe het werkt

De omzetting draait volledig in je browser met twee mechanismen die direct in deze tool zijn geschreven: de Canvas API om elk pictogramframe te schalen en te tekenen, en een zelfgeschreven binaire ICO-encoder die die frames in één .ico-bestand verpakt — er wordt geen bibliotheek gedownload en er verlaat nooit een bestand je apparaat.

1. 1
   De afbeelding wordt in een canvas gedecodeerd

   Je geüploade PNG, JPEG, WebP of SVG wordt in een HTMLImageElement geladen en op een onzichtbaar canvas getekend in elk gevraagd formaat (16×16 tot en met 256×256). Het canvas gebruikt bicubische afvlakking van hoge kwaliteit en volgt je passingskeuze: 'contain' plaatst de afbeelding met transparante of gekleurde randen, terwijl 'cover' een gecentreerd vierkant uit de bron snijdt.
2. 2
   Elk frame wordt als PNG-bytes geëxporteerd

   De ingebouwde canvas.toBlob('image/png') van de browser codeert elk geschaald frame tot een verliesvrije PNG. Deze ruwe bytes worden in de .ico-container ingesloten — moderne browsers en Windows ondersteunen PNG-in-ICO native, waardoor bestanden kleiner blijven dan met het oudere op BMP gebaseerde formaat.
3. 3
   Binair ICO-bestand in het geheugen samengesteld

   Een zelfgeschreven encoder bouwt de .ico-structuur vanaf nul op met DataView: een ICONDIR-header van 6 bytes geeft het aantal afbeeldingen aan, gevolgd door een mapitem van 16 bytes per formaat (met breedte, hoogte, bitdiepte, bytelengte en data-offset), en daarna alle PNG-gegevens achter elkaar. Er komt geen bibliotheek van derden aan te pas.
4. 4
   Voorbeeld getoond, bestand gedownload

   Voordat de download wordt aangeboden, toont de interface een pixelnauwkeurig voorbeeld van elk verpakt formaat tegen een dambordachtergrond, zodat je de transparantie kunt controleren voordat je opslaat. De samengestelde Blob wordt als 'favicon.ico' aan het downloadmechanisme van de browser gegeven.

Gerelateerde tools