PNG से ICO
कन्वर्टर

PNG को ICO में कैसे बदलें

1. एक चौकोर PNG से शुरू करें, बेहतर होगा 256 गुणा 256 पिक्सेल या उससे बड़ी, और चाहें तो पारदर्शी बैकग्राउंड के साथ।
2. “फ़ोटो चुनें” पर क्लिक करें या PNG को पेज पर छोड़ दें। यह favicon साइज़ के साथ तुरंत कन्वर्ट हो जाती है।
3. और साइज़ शामिल करने के लिए दाईं ओर के सेटिंग्स पैनल में “आइकन साइज़” बदलें और “सभी फ़ाइलों पर लागू करें” पर क्लिक करें।
4. .ico फ़ाइल डाउनलोड करने के लिए “सेव करें” पर क्लिक करें, या अगर आपने कई आइकन बनाए हैं तो “सब डाउनलोड करें (.zip)” पर।

“आइकन साइज़” सेटिंग क्या करती है

• फ़ेविकॉन (16, 32, 48)। डिफ़ॉल्ट। ब्राउज़र टैब, बुकमार्क और किसी साइट के Windows टास्कबार शॉर्टकट के लिए काफ़ी है। ज़्यादातर वेबसाइटों को favicon.ico में यही चाहिए।
• सभी साइज़। एक ही फ़ाइल में 16, 32, 48, 64, 128 और 256 px। इसे Windows प्रोग्राम या शॉर्टकट आइकन के लिए इस्तेमाल करें, जहाँ बड़े आइकन व्यू में Explorer बड़े साइज़ चुनता है।
• सिर्फ़ 256। 256 गुणा 256 की एक ही इमेज, उन टूल्स के लिए जो एक बड़ा आइकन माँगते हैं।

हर साइज़ कैसे बनता है

हर साइज़ आपकी PNG से एक बड़ी छलाँग की जगह कई बार आधा-आधा करके छोटा किया जाता है, जिससे छोटे आइकन ज़्यादा साफ़ रहते हैं। हर साइज़ ICO के अंदर एक कंप्रेस्ड PNG इमेज के रूप में सेव होता है। मॉडर्न ब्राउज़र और Windows Vista व उसके बाद के वर्ज़न इस तरह की ICO फ़ाइल पढ़ लेते हैं।

जो इमेज चौकोर नहीं है, उसे चौकोर के अंदर फ़िट करके बीच में रखा जाता है, और छोटी साइड्स पर पारदर्शी जगह जोड़ दी जाती है। कुछ भी क्रॉप नहीं होता।

आपकी PNG से बड़े साइज़ छोड़ दिए जाते हैं, ताकि छोटी इमेज खिंचकर धुंधले बड़े आइकन न बन जाए। 48 px की PNG पर “सभी साइज़” चुनने से आपको 16, 32 और 48 मिलते हैं। अगर PNG आपके चुने हर साइज़ से छोटी है, तो आपको उनमें से सिर्फ़ सबसे छोटा साइज़ मिलता है, बड़ा करके।

फ़ाइल को favicon के रूप में इस्तेमाल करना

फ़ाइल का नाम बदलकर favicon.ico करें और उसे अपनी साइट के रूट फ़ोल्डर में रखें, ताकि वह yoursite.com/favicon.ico पर मिल सके। ब्राउज़र इस पते को अपने-आप ढूँढते हैं। आप अपने पेजों के head से भी एक link एलिमेंट के ज़रिए इसकी ओर इशारा कर सकते हैं, जिसका rel एट्रिब्यूट icon हो।

कई साइटें iPhone और iPad की होम स्क्रीन के लिए apple-touch-icon के रूप में 180 गुणा 180 की एक PNG भी जोड़ती हैं, साथ में बड़े PNG या SVG आइकन भी। 16 और 32 px साइज़ के लिए, और उन पुराने सॉफ़्टवेयर के लिए जो सिर्फ़ favicon.ico ढूँढते हैं, ICO अब भी काम की है।

शार्प आइकन के लिए टिप्स

• छोटे साइज़ के लिए डिज़ाइन को सरल रखें। 16 px पर टेक्स्ट और पतली लाइनें ग़ायब हो जाती हैं; एक मोटा अक्षर या शेप बेहतर पढ़ा जाता है।
• आर्टवर्क के चारों ओर थोड़ी जगह छोड़ें, लेकिन इतनी नहीं कि ब्राउज़र टैब में वह बहुत छोटा दिखे।
• देख लें कि आइकन लाइट और डार्क, दोनों ब्राउज़र थीम में कैसा दिखता है। पारदर्शी बैकग्राउंड पर गहरे रंग का लोगो डार्क टैब बार पर ग़ायब हो सकता है।
• हो सकता है आपका नया favicon शुरू में न दिखे, क्योंकि ब्राउज़र आइकन को काफ़ी ज़्यादा कैश करते हैं। favicon.ico वाला पता सीधे खोलें, या प्राइवेट विंडो में देखें।

प्राइवेसी

PNG का साइज़ बदलने और उसे ICO में पैक करने का काम आपका ब्राउज़र करता है। कुछ भी अपलोड नहीं होता, इसलिए अधूरी ब्रांडिंग आपकी मशीन पर ही रहती है।