Bepul PNG dan ICO Favikonga Konvertor

Qanday ishlaydi

O'girish bu asbobga to'g'ridan-to'g'ri yozilgan ikkita mexanizm yordamida to'liq brauzeringizda sodir bo'ladi: har bir belgi kadrini masshtablash va chizish uchun Canvas API, va shu kadrlarni yagona .ico fayliga qadoqlovchi qo'lda yozilgan ICO ikkilik kodlagichi — hech qanday kutubxona yuklanmaydi, hech qanday fayl hech qachon qurilmangizdan chiqmaydi.

1. 1
   Rasm kanvasga dekodlanadi

   Yuklagan PNG, JPEG, WebP yoki SVG'ingiz HTMLImageElement'ga yuklanadi va har bir so'ralgan o'lchamda (16×16 dan 256×256 gacha) ekrandan tashqari kanvasga chiziladi. Kanvas yuqori-sifatli bikubik silliqlashdan foydalanadi va moslik tanlovingizga rioya qiladi: 'contain' rasmni shaffof yoki rangli to'ldirish bilan pochta-quti qiladi, 'cover' esa manbadan markazlashgan kvadratni kesib oladi.
2. 2
   Har bir kadr PNG baytlari sifatida eksport qilindi

   Brauzerning o'rnatilgan canvas.toBlob('image/png') har bir masshtablangan kadrni yo'qotishsiz PNG'ga kodlaydi. Bu xom baytlar .ico konteynerida joylashtiriladigan narsa — zamonaviy brauzerlar va Windows PNG-ICO-ichida ni mahalliy boshqaradi, bu fayl o'lchamlarini eski BMP-asosidagi formatdan kichikroq saqlaydi.
3. 3
   ICO ikkiligi xotirada yig'ildi

   Qo'lda yozilgan kodlagich DataView yordamida .ico fayl tuzilmasini noldan quradi: 6-baytli ICONDIR sarlavhasi rasm sonini e'lon qiladi, undan keyin har bir o'lcham uchun 16-baytli katalog yozuvi (kenglik, balandlik, bit-chuqurlik, bayt uzunligi va ma'lumot ofsetini qayd etadi), so'ng barcha PNG yuklari ketma-ket birlashtiriladi. Hech qanday uchinchi tomon kutubxonasi aralashmaydi.
4. 4
   Ko'rib chiqish ko'rsatildi, fayl yuklab olindi

   Yuklab olishni taklif qilishdan oldin, UI har bir qadoqlangan o'lchamning shaffoflikni saqlashdan oldin tekshirish uchun shaxmat-taxta foniga qarshi piksel-aniq ko'rib chiqishini chizadi. Yig'ilgan Blob brauzerning yuklab olish mexanizmiga 'favicon.ico' sifatida beriladi.

Tegishli asboblar