Pulsuz PNG-dən ICO Favicon Çeviricisi

Necə İşləyir

Çevirmə bu alətə birbaşa yazılmış iki mexanizmdən istifadə edərək tamamilə brauzerinizdə işləyir: hər ikonu çərçivəsini miqyaslamaq və render etmək üçün Canvas API, üstəlik həmin çərçivələri tək bir .ico faylına paketləyən əl ilə yazılmış bir ICO ikilik kodlayıcı — heç bir kitabxana endirilmir, heç bir fayl heç vaxt cihazınızı tərk etmir.

1. 1
   Şəkil bir kanvasa dekodlanır

   Yüklədiyiniz PNG, JPEG, WebP, ya da SVG bir HTMLImageElement-ə yüklənir və hər tələb olunan ölçüdə (16×16-dan 256×256-ə qədər) ekrandan-kənar bir kanvasa çəkilir. Kanvas yüksək-keyfiyyətli bikubik hamarlaşdırma istifadə edir və uyğunluq seçiminizə hörmət edir: 'contain' şəkli şəffaf ya da rəngli doldurma ilə qutulayır, 'cover' isə mənbədən mərkəzləşdirilmiş bir kvadrat kəsir.
2. 2
   Hər çərçivə PNG baytları kimi ixrac edilir

   Brauzerin daxili canvas.toBlob('image/png')-i hər miqyaslanmış çərçivəni itkisiz bir PNG-yə kodlaşdırır. Bu xam baytlar .ico konteynerinin daxilində daxil edilən şeydir — müasir brauzerlər və Windows PNG-in-ICO-nu doğma olaraq idarə edir, bu isə fayl ölçülərini köhnə BMP-əsaslı formatdan daha kiçik saxlayır.
3. 3
   ICO ikilik sistemi yaddaşda yığılır

   Əl ilə yazılmış bir kodlayıcı .ico fayl strukturunu DataView istifadə edərək sıfırdan qurur: 6-baytlı bir ICONDIR başlığı şəkil sayını bəyan edir, hər ölçü üçün 16-baytlıq bir qovluq girişi (en, hündürlük, bit-dərinliyi, bayt uzunluğu və məlumat ofsetini qeyd edərək) izləyir, sonra bütün PNG yükləri ardıcıl olaraq birləşdirilir. Heç bir üçüncü tərəf kitabxanası iştirak etmir.
4. 4
   Önizləmə göstərilir, fayl endirilir

   Endirməni təklif etməzdən əvvəl, UI saxlamadan öncə şəffaflığı doğrulaya bilməniz üçün hər paketlənmiş ölçünün şahmat-taxtası fonuna qarşı piksel-dəqiq bir önizləməsini render edir. Yığılmış Blob brauzerin endirmə mexanizminə 'favicon.ico' kimi verilir.

Əlaqəli Alətlər