2025 में Favicon अपने-आप जनरेट करना
(dev-huiya.github.io)Favicon Generator
2025 में Favicon तैयार करने का तरीका देखकर मैंने आर्टिकल की सामग्री के अनुसार अपने-आप Favicon जनरेट करने वाला एक टूल बनाया।
उपयोग का तरीका
- square ratio वाली SVG इमेज अपलोड करें।
- जनरेट किया गया HTML code और डाउनलोड की गई image files को अपने project में शामिल करें।
- बस।
विवरण
-
✅ SVG फ़ाइलें SVGO से optimize की जाती हैं।
-
✅ ICO फ़ाइल में 16px, 32px images शामिल होती हैं।
-
✅ 180px, 192px, 512px की PNG images जनरेट होती हैं।
-
❌ PNG फ़ाइलें Squoosh से compress नहीं की जातीं।
अनुभव
मैंने GPT के साथ मिलकर इस पर काम किया। इसने UI तो अच्छा बना दिया, लेकिन external modules import करने वाले हिस्से में काफ़ी दिक्कतें आईं। उस हिस्से में इंसान को बीच में आना पड़ा।
ICO फ़ाइल भी यह नहीं बना पाया, इसलिए अलग से नई बातचीत खोलकर code फिर से जनरेट करवाना पड़ा।
काफ़ी समय बाद ऐसा कुछ बनाना बहुत मज़ेदार था।
6 टिप्पणियां
यह बहुत उपयोगी रहा! धन्यवाद।
PNG compression के लिए Squoosh इस्तेमाल किए बिना
UPNG https://github.com/photopea/UPNG.js इस्तेमाल करें, तो मौजूदा कोड में भी इसे बहुत मुश्किल के बिना compress किया जा सकेगा।
(पहले जब मैंने तुलना की थी, तो याद है कि PNG में performance और compression ratio दोनों में यह लगभग समान था या थोड़ा बेहतर था। हालांकि मैं पूरी तरह निश्चित नहीं हूँ।)
cnumvalue को 0~256 के बीच compression के लिए सेट किया जा सकता है, और लगभग 128 पर यह काफ़ी उपयोगी तरीके से compress हो जाएगा।लगता है कि यह अतिरिक्त जानकारी देना अच्छा रहेगा कि mask icon बनाने के लिए रंग हटाकर उसे मैन्युअली करना पड़ता है।
अच्छा, तो
mask iconअब इस्तेमाल नहीं होता....वाह, यह बहुत अच्छा है। लेख देखकर लगा कि AI के साथ तुरंत बना लेने वाला प्रोजेक्ट है, हाहा। लगता है दुनिया सच में ऐसे ही बदल रही है।
जैसे-जैसे साधारण मेहनत कम हो रही है, लगता है काम का बोझ भी घट गया है। सच में, कितना अच्छा दौर है!