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

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

हे साधन कोणत्याही PNG, JPEG, WebP, किंवा SVG चे पूर्ण favicon पॅकेज — multi-size .ico, Apple touch icon, Android/PWA icons, वेब manifest, आणि पेस्ट-करण्यास-तयार HTML स्निपेट — Canvas API आणि JSZip वापरून पूर्णपणे तुमच्या ब्राउझरमध्ये रूपांतरित करते. काहीही अपलोड होत नाही; सर्व रेंडरिंग आणि फाइल एकत्रीकरण स्थानिक पातळीवर होते.

1. 1
   Canvas तुमची इमेज पुन्हा-स्केल करते

   ब्राउझर तुमची source इमेज प्रत्येक आवश्यक आकारावर (16, 32, 48, 180, 192, आणि 512 px) off-screen HTML Canvas घटकांवर काढतो. स्पष्ट width/height attributes नसलेले SVG प्रथम DOMParser आणि XMLSerializer द्वारे नॉर्मलाइझ केले जातात त्यामुळे Firefox आणि Chrome रिक्त canvas ऐवजी समान pixel आउटपुट तयार करतात.
2. 2
   गराज-लिहिलेला ICO एन्कोडर .ico फाइल पॅक करतो

   लहान ICO entries (16, 32, 48 px) कच्च्या 32-बिट BGRA DIB bitmaps म्हणून एन्कोड होतात — BITMAPINFOHEADER अधिक bottom-up XOR rows आणि 1bpp AND mask — कारण Windows शेल घटकांना त्या आकारांवर uncompressed DIB फॉरमॅट लागतो. साधन ICO directory header लिहितो आणि DataView व Uint8Array सह entries पूर्णपणे एकत्र करतो, बाह्य ICO लायब्ररी सामील नसताना.
3. 3
   PNG आउटपुट canvas.toBlob द्वारे तयार होतात

   प्रत्येक PNG प्रकार (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) 'image/png' सह canvas.toBlob कॉल करून पकडली जाते, lossless एन्कोडिंग ब्राउझरच्या बिल्ट-इन इमेज इंजिनकडे सोपवत. पर्यायी padding, पार्श्वभूमी रंग, आणि आकार clipping (चौरस, गोल किंवा वर्तुळ) पकडण्यापूर्वी canvas context ला लावले जातात.
4. 4
   JSZip सर्वकाही एका डाउनलोडमध्ये बंडल करते

   JSZip सर्व तयार केलेल्या फाइल्स — favicon.ico, पाच PNGs, तुमच्या अॅप नावासह site.webmanifest, आणि योग्य <link> tags सह favicon-snippet.html — एकल .zip blob मध्ये एकत्र करते जो आपोआप तुमच्या डिव्हाइसवर डाउनलोड होतो.

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