मोफत PNG ते ICO फेव्हिकॉन कन्व्हर्टर

हे कसे कार्य करते

रूपांतर या साधनात थेट लिहिलेल्या दोन यंत्रणा वापरून पूर्णपणे तुमच्या ब्राउझरमध्ये चालते: प्रत्येक icon फ्रेम स्केल व रेंडर करण्यासाठी Canvas API, आणि त्या फ्रेम्सना एकल .ico फाइलमध्ये पॅक करणारा गराज-लिहिलेला ICO binary एन्कोडर — कोणतीही लायब्ररी डाउनलोड होत नाही, आणि कोणतीही फाइल कधीच तुमच्या डिव्हाइसमधून बाहेर जात नाही.

1. 1
   इमेज canvas मध्ये डीकोड होते

   तुम्ही अपलोड केलेला PNG, JPEG, WebP, किंवा SVG HTMLImageElement मध्ये लोड होतो आणि प्रत्येक विनंती केलेल्या आकारावर (16×16 ते 256×256) off-screen canvas वर काढला जातो. Canvas उच्च-गुणवत्तेचा bicubic smoothing वापरतो आणि तुमची fit निवड हुंदतो: 'contain' पारदर्शक किंवा रंगीत padding सह इमेज letterboxes करते, तर 'cover' source मधून centered square तायरते.
2. 2
   प्रत्येक फ्रेम PNG बाइट्स म्हणून एक्सपोर्ट झाली

   ब्राउझरचे बिल्ट-इन canvas.toBlob('image/png') प्रत्येक scaled फ्रेमला lossless PNG मध्ये एन्कोड करते. .ico container आत embedded होणारे हेच कच्चे बाइट्स आहेत — आधुनिक ब्राउझर आणि Windows PNG-in-ICO ला native पणे हाताळतात, जो फाइल आकार जुन्या BMP-आधारित फॉरमॅटपेक्षा लहान ठेवतो.
3. 3
   ICO binary मेमरीत एकत्रित झाला

   गराज-लिहिलेला एन्कोडर DataView वापरून .ico फाइल रचना शून्यापासून बनवतो: 6-बाइट ICONDIR header इमेज संख्या जाहीर करतो, त्यानंतर प्रत्येक आकारासाठी 16-बाइट directory नोंद (रुंदी, उंची, bit-depth, बाइट लांबी, आणि डेटा offset नोंदवत), नंतर सर्व PNG payloads क्रमाने जोडलेले. थर्ड-पार्टी लायब्ररी सामील नाही.
4. 4
   प्रिव्ह्यू दाखवला, फाइल डाउनलोड झाली

   डाउनलोड देण्याआधी, UI पॅक केलेल्या प्रत्येक आकाराचा checkerboard पार्श्वभूमीविरुद्ध pixel-अचूक प्रिव्ह्यू रेंडर करतो त्यामुळे तुम्ही सेव्ह करण्याआधी पारदर्शकता सत्यापित करू शकता. एकत्रित Blob ब्राउझरच्या डाउनलोड यंत्रणेला 'favicon.ico' म्हणून दिला जातो.

संबंधित साधने