Besplatan Konverter PNG u ICO favikonu

Kako radi

Konverzija se u potpunosti odvija u vašem pregledniku koristeći dva mehanizma napisana direktno u ovom alatu: Canvas API za skaliranje i iscrtavanje svakog kadra ikone, i ručno napisan binarni ICO enkoder koji pakuje te kadrove u jednu .ico datoteku — nijedna biblioteka se ne preuzima, i nijedna datoteka nikada ne napušta vaš uređaj.

1. 1
   Slika dekodirana u canvas

   Vaš otpremljeni PNG, JPEG, WebP, ili SVG se učitava u HTMLImageElement i crta na skriveni canvas u svakoj traženoj veličini (16×16 do 256×256). Canvas koristi bikubično izglađivanje visokog kvaliteta i poštuje vaš odabir uklapanja: 'sadrži' postavlja providnu ili obojenu popunu oko slike, dok 'pokrij' isijeca centriran kvadrat iz izvora.
2. 2
   Svaki kadar izvezen kao PNG bajtovi

   Ugrađen canvas.toBlob('image/png') preglednika kodira svaki skalirani kadar u bezgubitan PNG. Ovi sirovi bajtovi su ono što se ugrađuje unutar .ico kontejnera — moderni preglednici i Windows rukuju PNG-u-ICO nativno, što drži veličine datoteka manjim od starijeg formata zasnovanog na BMP-u.
3. 3
   Binarni ICO se sastavlja u memoriji

   Ručno napisan enkoder gradi strukturu .ico datoteke od nule koristeći DataView: 6-bajtno ICONDIR zaglavlje deklariše broj slika, praćeno 16-bajtnim unosom direktorija za svaku veličinu (bilježeći širinu, visinu, dubinu bita, dužinu bajtova, i pomak podataka), zatim se svi PNG podaci nadovezuju redoslijedom. Nijedna biblioteka treće strane nije uključena.
4. 4
   Prikazan pregled, datoteka preuzeta

   Prije nego što ponudi preuzimanje, UI iscrtava piksel-tačan pregled svake spakovane veličine na pozadini šahovnice tako da možete provjeriti providnost prije čuvanja. Sastavljen Blob se predaje mehanizmu za preuzimanje preglednika kao 'favicon.ico'.

Povezani alati