Konvertitur PNG għal ICO Favicon b'xejn

Kif Taħdem

Il-konverżjoni taħdem kompletament fil-browser tiegħek bl-użu ta' żewġ mekkaniżmi miktuba direttament f'din l-għodda: l-API Canvas biex tiskala u tirrendja kull frame tal-ikona, u encoder binarju ICO miktub bl-idejn li jimballja dawk il-frames f'fajl .ico wieħed — l-ebda librerija titniżżel, u l-ebda fajl qatt ma joħroġ mill-apparat tiegħek.

1. 1
   L-istampa ddekodifikata f'canvas

   L-PNG, JPEG, WebP, jew SVG li tella' jiġi mgħobbi f'HTMLImageElement u ddisinjat fuq canvas barra l-iskrin f'kull daqs mitlub (16×16 sa 256×256). Il-canvas juża lixxar bikubiku ta' kwalità għolja u jirrispetta l-għażla tiegħek ta' fitting: 'contain' jgeżwer l-istampa b'letterboxing bi padding trasparenti jew bil-kulur, filwaqt li 'cover' jaqta' kwadru ċċentrat mis-sors.
2. 2
   Kull frame esportat bħala bytes PNG

   L-canvas.toBlob('image/png') inkorporat tal-browser jikkodifika kull frame skalat f'PNG bla telf. Dawn il-bytes mhux ipproċessati huma dak li jiġi inkorporat ġewwa l-kontenitur .ico — browsers moderni u l-Windows jimmaniġġjaw PNG-ġo-ICO b'mod nattiv, li jżomm id-daqsijiet tal-fajl iżgħar mill-format ibbażat fuq BMP iktar qadim.
3. 3
   Il-binarju ICO mibni fil-memorja

   Encoder miktub bl-idejn jibni l-istruttura tal-fajl .ico mill-bidu bl-użu ta' DataView: intestatura ICONDIR ta' 6-byte tiddikjara l-għadd ta' stampi, segwita minn entrata tad-direttorju ta' 16-byte għal kull daqs (tirreġistra l-wisa', l-għoli, il-fond tal-bit, it-tul tal-bytes, u l-offset tad-data), imbagħad il-payloads PNG kollha konkatenati f'sekwenza. L-ebda librerija ta' parti terza involuta.
4. 4
   Anteprima murija, fajl imniżżel

   Qabel toffri t-tniżżil, l-UI tirrendja anteprima preċiża tal-pixels ta' kull daqs impakkjat kontra sfond bħal tal-checkerboard biex tista' tivverifika t-trasparenza qabel tissejvja. Il-Blob mibni jingħata lill-mekkaniżmu tat-tniżżil tal-browser bħala 'favicon.ico'.

Għodod Relatati