PNG से ICO कन्वर्टर
किसी स्क्वेयर PNG को ऐसी .ico फ़ाइल में बदलें जिसमें एक साथ कई आइकन साइज़ हों: ब्राउज़र टैब के लिए 16 px से लेकर Windows के लिए 256 px तक। ट्रांसपेरेंट कोने और किनारे ट्रांसपेरेंट ही रहते हैं।
इमेज कन्वर्टर
या JPG, JPEG, JPE … फ़ाइलें यहाँ ड्रop करें ·
प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं
फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।
85 पर फ़ोटो देखने में मूल जैसी ही रहती हैं। छोटी फ़ाइल चाहिए तभी इसे घटाएँ।
JPG, BMP और EPS में ट्रांसपेरेंसी नहीं होती। पारदर्शी पिक्सल इस रंग से भरे जाते हैं।
पारदर्शी पिक्सल के पीछे इस्तेमाल होने वाला हेक्स रंग, जैसे #FFFFFF।
इस फ़ॉर्मैट में सिर्फ़ एक इमेज होती है। एनिमेशन रखना हो तो GIF या WebP आउटपुट चुनें।
मल्टी-साइज़ आइकन एक फ़ाइल में कई रिज़ॉल्यूशन रखता है; ब्राउज़र और ऑपरेटिंग सिस्टम अपनी ज़रूरत का चुन लेते हैं।
मूल डाइमेंशन रखें, या एक साइड डालें और आस्पेक्ट रेशियो बना रहेगा।
ऊपर चुनी गई साइड के पिक्सल।
मूल डाइमेंशन का प्रतिशत।
स्क्रीन और वेब के लिए sRGB सही है। प्रिंट वर्कफ़्लो के लिए मूल रखें; ग्रेस्केल रंग हटा देता है।
सिर्फ़ मेटाडेटा, 0 मूल मान रखता है। प्रिंटर और कुछ पोर्टल यह संख्या पढ़ते हैं; इससे पिक्सल डाइमेंशन नहीं बदलते।
इस टूल का उपयोग कैसे करें
- 1
स्क्वेयर PNG अपलोड करें
कम से कम 256 × 256 px की आर्टवर्क लें, जिसका बैकग्राउंड ट्रांसपेरेंट हो। एक बैच में 20 PNG तक, हर एक 95 MB तक।
- 2
आइकन साइज़ चुनें
आइकन साइज़ में शुरुआत में सभी साइज़ (16–256) चुना होता है, यही आम तौर पर सही विकल्प है। कोई प्रोग्राम ठीक किसी एक साइज़ की माँग करे, तभी एडवांस्ड सेटिंग में वह साइज़ चुनें।
- 3
कन्वर्ट करें और .ico इस्तेमाल करें
ICO में बदलें दबाएँ, फ़ाइल डाउनलोड करें और उसे अपनी साइट के रूट में रखें या किसी Windows शॉर्टकट में लगाएँ। अपलोड की गई फ़ाइलें 30 मिनट बाद डिलीट हो जाती हैं।
ICO आइकन इमेज का एक छोटा कंटेनर है, कोई सिंगल तस्वीर नहीं: एक फ़ाइल में 16, 32, 48 और 256 px के वर्शन हो सकते हैं, और सिस्टम जो फिट बैठे वह चुन लेता है।
PNG को ICO में बदलें, एक ही फ़ाइल में कई साइज़ के साथ
ICO फ़ॉर्मेट 1985 के Windows 1.0 से चला आ रहा है, जब आइकन छोटे बिटमैप होते थे। इसकी खास बात फ़ाइल की शुरुआत में बनी डायरेक्टरी है, जिसमें अंदर की हर इमेज की चौड़ाई और ऊँचाई दर्ज होती है। Windows Vista (2007) ने इन इमेज को PNG के रूप में रखने की सुविधा दी, इसी वजह से स्मूद ट्रांसपेरेंसी वाला 256 × 256 आइकन इतनी छोटी फ़ाइल में आ जाता है कि वह तुरंत लोड हो जाए।
यहाँ PNG कन्वर्ट करने पर यही कंटेनर आपके लिए बन जाता है। सोर्स को हर साइज़ में स्केल किया जाता है, अल्फ़ा चैनल बना रहता है ताकि गोल कोने और हल्की शैडो गहरे और हल्के दोनों बैकग्राउंड पर सही दिखें, और सब कुछ एक ही .ico में लिख दिया जाता है। 256 px या उससे बड़ी आर्टवर्क से शुरू करें; 32 px की PNG को 256 तक बढ़ाने से सिर्फ़ बड़ा धुंधला आइकन मिलता है।
16 × 16 px
ब्राउज़र टैब
सामान्य पिक्सल डेंसिटी पर टैब और बुकमार्क
32 × 32 px
हाई-DPI स्क्रीन पर टैब
रेटिना डिस्प्ले और 200% Windows स्केलिंग
48 × 48 px
Google सर्च रिज़ल्ट
Google 48 px के गुणज में चौकोर फ़ेविकॉन माँगता है
256 × 256 px
Windows के Extra large आइकन
ICO फ़ाइल में रखी जा सकने वाली सबसे बड़ी इमेज
PNG
Portable Network Graphics
PNG एक लॉसलेस रास्टर फ़ॉर्मैट है, जिसे 1996 में PNG Development Group ने प्रकाशित किया और बाद में W3C व ISO ने मानकीकृत किया। यह हर पिक्सल को ठीक वैसा ही रखता है, पूरी अल्फ़ा पारदर्शिता सपोर्ट करता है और टेक्स्ट, तीखे किनारों व सपाट रंगों को बिना आर्टिफ़ैक्ट के संभालता है। इसी सटीकता के कारण यह स्क्रीनशॉट, लोगो, आइकन और इंटरफ़ेस ग्राफ़िक्स के लिए आदर्श है। इसकी कीमत साइज़ है: PNG के रूप में सेव की गई फ़ोटो अक्सर वही फ़ोटो JPEG या WebP में सेव करने से कई गुना बड़ी होती है। सभी ब्राउज़र, ऑपरेटिंग सिस्टम और एडिटर PNG फ़ाइलें खोलते हैं।
- कंप्रेशन
- लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- नहीं
- शुरुआत का वर्ष
- 1996 · PNG Development Group
ICO
Windows आइकन
ICO Microsoft का आइकन फ़ॉर्मैट है, जो Windows प्रोग्राम आइकन और वेबसाइट फ़ेविकॉन के लिए इस्तेमाल होता है। एक .ico फ़ाइल में अलग-अलग साइज़ की कई इमेज हो सकती हैं, जैसे 16×16, 32×32, 48×48 और 256×256 पिक्सल, ताकि सिस्टम सबसे सही साइज़ चुन सके। हर इमेज बिटमैप या PNG डेटा के रूप में रखी जा सकती है और पूरी अल्फ़ा ट्रांसपेरेंसी सपोर्ट करती है। ICO फ़ोटो या बड़े आर्टवर्क के लिए नहीं है। ब्राउज़र, Windows और ज़्यादातर आइकन एडिटर इसे पढ़ सकते हैं।
- कंप्रेशन
- लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- नहीं
- शुरुआत का वर्ष
- Microsoft
PNG एक ही साइज़ की सिंगल तस्वीर होती है, जबकि Windows और ब्राउज़र को ऐसी .ico चाहिए जिसमें कई साइज़ हों, ताकि हर स्क्रीन सबसे साफ़ वाला चुन सके; ICO से वापस PNG में जाना सिर्फ़ आर्टवर्क निकालने की बात है।
फ़ेविकॉन या Windows आइकन: ICO में कौन-से साइज़ रखें
ब्राउज़र टैब का आइकन 16 px पर बनाते हैं, हाई-DPI स्क्रीन पर 32 px, और Google Search फ़ेविकॉन 48 px के आधार पर दिखाता है। सभी साइज़ चुना रहने दें ताकि एक फ़ाइल तीनों के लिए काफ़ी हो।
- साइट के रूट में
favicon.icoनाम से सेव करें - Apple touch icon के लिए 180 × 180 की PNG अलग से जोड़ें
Windows टाइटल बार में 16 px से चुनता है, और Extra large आइकन व्यू तथा हाई-DPI डेस्कटॉप के लिए 256 px तक की सूची देखता है। 256 px के बिना फ़ाइल इन साइज़ पर धुंधली दिखती है।
- सभी साइज़ चुना रहने दें
- आइकन को हल्के के साथ गहरे टास्कबार पर भी जाँचें
कुछ गेम लॉन्चर, सर्वर पैनल और पुराने प्रोग्राम सिर्फ़ पहली इमेज पढ़ते हैं या तय साइज़ माँगते हैं। सिंगल-इमेज ICO बनाने के लिए आइकन साइज़ में 256, 128, 64, 32 या 16 px चुनें।
- प्रोग्राम के दस्तावेज़ में दिया साइज़ रखें
- तय 256 px आइकन के लिए PNG to ICO 256x256 देखें
ऐसा PNG डिज़ाइन तैयार करें जो 16 px पर भी साफ़ दिखे
फ़ेविकॉन का विचार 1999 के Internet Explorer 5 से आया, जो किसी साइट को बुकमार्क करने पर उसके रूट में favicon.ico नाम की फ़ाइल खोजता था। दूसरे ब्राउज़रों ने यही तरीका अपना लिया, इसीलिए आज भी सर्वर लॉग में ठीक इसी पाथ की रिक्वेस्ट दिखती है।
16 × 16 में कुल 256 पिक्सल होते हैं, इसलिए आर्टवर्क मोटी और साफ़ होनी चाहिए। टैगलाइन और पतली आउटलाइन हटा दें, हल्की और गहरी दोनों ब्राउज़र थीम पर मज़बूत कंट्रास्ट रखें, और आकार के चारों ओर एक पिक्सल की जगह छोड़ें। कई ब्रांड सिर्फ़ पहला अक्षर या प्रतीक इस्तेमाल करते हैं। अगर आपका लोगो वेक्टर फ़ाइल में है, तो उसे SVG to ICO से कन्वर्ट करें ताकि हर साइज़ तीखी आउटलाइन से बने।
PNG से ICO: अक्सर पूछे जाने वाले सवाल
वेबसाइट फ़ेविकॉन के लिए PNG को ICO में कैसे बदलें?
सभी साइज़ चुनकर कन्वर्ट करें, नतीजे का नाम favicon.ico रखें और उसे अपनी साइट के रूट फ़ोल्डर में अपलोड करें। ब्राउज़र खुद इसी पाथ को माँगते हैं, और आप पेज के हेड में link rel="icon" टैग से भी इसे जोड़ सकते हैं।
16 पिक्सल पर मेरा आइकन धुंधला क्यों दिखता है?
16 × 16 तक छोटा करने पर बारीक डिज़ाइन नहीं बच पाता, क्योंकि एक अक्षर या पतली लाइन एक पिक्सल से भी कम जगह घेरती है। छोटे साइज़ के लिए डिज़ाइन सरल रखें: ब्राउज़र टैब में टेक्स्ट वाले पूरे लोगो से एक मोटा अक्षर या आकार ज़्यादा साफ़ दिखता है।
अगर मेरी PNG स्क्वेयर न हो तो क्या होगा?
आइकन चौकोर होते हैं, इसलिए चौड़ा लोगो पढ़ने वाले प्रोग्राम के हिसाब से या तो पैडिंग के साथ दिखता है या दबा दिया जाता है। पहले PNG को चौकोर कैनवास में क्रॉप करें या पैड करें, ताकि खाली जगह कहाँ रहे यह आप तय करें।
क्या मैं .ico से Windows में फ़ोल्डर का आइकन बदल सकता हूँ?
हाँ। फ़ोल्डर पर राइट-क्लिक करें, Properties > Customize > Change Icon खोलें और .ico फ़ाइल चुनें। डेस्कटॉप शॉर्टकट में भी यही तरीका है: Properties > Change Icon।
अगर मेरी साइट पर PNG आइकन हैं, तो क्या ICO फ़ाइल फिर भी चाहिए?
नए ब्राउज़र पेज के हेड में दिए PNG और SVG आइकन मान लेते हैं, लेकिन कुछ टूल, फ़ीड रीडर और पुराने ब्राउज़र अब भी सीधे /favicon.ico माँगते हैं। वहाँ एक छोटी मल्टी-साइज़ ICO रखने से आपके लॉग में 404 एरर नहीं आते।