Převodník PNG na favicon ICO zdarma

Jak to funguje

Převod běží zcela ve vašem prohlížeči pomocí dvou mechanismů napsaných přímo v tomto nástroji: Canvas API pro škálování a vykreslení každého snímku ikony a ručně napsaný binární kodér ICO, který tyto snímky zabalí do jediného souboru .ico — nestahuje se žádná knihovna a žádný soubor nikdy neopustí vaše zařízení.

1. 1
   Obrázek dekódovaný do plátna

   Váš nahraný PNG, JPEG, WebP nebo SVG se načte do HTMLImageElement a vykreslí na skryté plátno v každé požadované velikosti (16×16 až 256×256). Plátno používá vysoce kvalitní bikubické vyhlazování a respektuje vaši volbu přizpůsobení: „obsáhnout“ orámuje obrázek s průhledným nebo barevným odsazením, zatímco „vyplnit“ ořízne vystředěný čtverec ze zdroje.
2. 2
   Každý snímek exportován jako bajty PNG

   Vestavěné canvas.toBlob('image/png') prohlížeče kóduje každý přeškálovaný snímek do bezztrátového PNG. Tyto surové bajty jsou to, co se vkládá dovnitř kontejneru .ico — moderní prohlížeče a Windows nativně zpracovávají PNG uvnitř ICO, což udržuje velikost souborů menší než starší formát založený na BMP.
3. 3
   Binární soubor ICO sestavený v paměti

   Ručně napsaný kodér sestavuje strukturu souboru .ico od základu pomocí DataView: 6bajtová hlavička ICONDIR deklaruje počet obrázků, následuje 16bajtový adresářový záznam pro každou velikost (zaznamenává šířku, výšku, bitovou hloubku, délku v bajtech a offset dat), poté všechny payloady PNG spojené v pořadí. Nezapojuje se žádná knihovna třetí strany.
4. 4
   Zobrazen náhled, soubor stažen

   Před nabídnutím stažení uživatelské rozhraní vykreslí pixelově přesný náhled každé sbalené velikosti na šachovnicovém pozadí, takže lze před uložením ověřit průhlednost. Sestavený Blob se předá mechanismu stahování prohlížeče jako „favicon.ico“.

Související nástroje