फ़ेविकॉन (.ico) बनाम PNG
ICO और PNG प्रतिस्पर्धी नहीं हैं - वे भागीदार हैं। आधुनिक फ़ेविकॉन सेटअप यूनिवर्सल फ़ॉलबैक के रूप में .ico और उच्च-DPI ओवरराइड के रूप में PNG का उपयोग करता है। यहीं ठीक वही समय है जब हर कोई जीतता है।
ICO इस मायने में अद्वितीय है कि एक एकल फ़ाइल कई रिज़ॉल्यूशन को एम्बेड करती है। ब्राउज़र या ओएस ड्रॉ के समय निकटतम मैच चुनता है - कोई अपस्केलिंग नहीं, कोई अस्पष्ट किनारा नहीं।
PNG किसी भी व्यक्तिगत रिज़ॉल्यूशन पर तेज़ है और ठोस रंग के लोगो के लिए बेहतर संपीड़न का समर्थन करता है। यह एक फ़ाइल में एकाधिक आकार एम्बेड नहीं कर सकता.
उच्च-DPI ब्राउज़र और iOS के लिए इष्टतम सेटअप एक बहु-आकार .ico प्लस स्टैंडअलोन 32×32 और 180×180 PNG है।
यह कैसे काम करता है
- 1
512×512 स्रोत से प्रारंभ करें
PNG या SVG.
- 2
दोनों प्रारूप तैयार करें
FetchFavicon एक बहु-आकार .ico प्लस स्टैंडअलोन 16/32/48/180/192/512 PNG आउटपुट करता है।
- 3
दोनों को <head> में लिंक करें
<link rel='icon' href='/favicon.ico'> के बाद <link rel='icon' type='image/png' size='32x32' href='/favicon-32x32.png'> आता है।
अभी आज़माएं
.ico और PNG दोनों जेनरेट करें
PNG से ICO कनवर्टरसामान्य प्रश्न
किसका फ़ाइल आकार छोटा है?+
एक एकल PNG समान रिज़ॉल्यूशन वाले .ico से छोटा होता है, लेकिन एक बहु-आकार .ico 4-6 PNG को प्रतिस्थापित करता है और आमतौर पर कुल बाइट्स पर जीतता है।
क्या Google खोज परिणामों में PNG फ़ेविकॉन दिखाता है?+
हाँ। Google .ico और PNG दोनों को सपोर्ट करता है। यह कम से कम 48×48 के वर्गाकार पक्षानुपात को प्राथमिकता देता है।
क्या PNG डार्क मोड को सपोर्ट कर सकता है?+
प्रत्यक्ष नहीं। डार्क-मोड समर्थन के लिए अपने PNG के साथ SVG वैरिएंट का उपयोग करें।