WebP से ICO कन्वर्टर
आपका लोगो सिर्फ़ WebP में है, जो आपकी अपनी साइट से सेव किया गया या डिज़ाइन से एक्सपोर्ट हुआ था? उसे ऐसे favicon.ico में बदलें जिसे ब्राउज़र, बुकमार्क और Windows शॉर्टकट बिना किसी अतिरिक्त मार्कअप के पहचान लेते हैं।
इमेज कन्वर्टर
या JPG, JPEG, JPE … फ़ाइलें यहाँ ड्रop करें ·
प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं
फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।
85 पर फ़ोटो देखने में मूल जैसी ही रहती हैं। छोटी फ़ाइल चाहिए तभी इसे घटाएँ।
JPG, BMP और EPS में ट्रांसपेरेंसी नहीं होती। पारदर्शी पिक्सल इस रंग से भरे जाते हैं।
पारदर्शी पिक्सल के पीछे इस्तेमाल होने वाला हेक्स रंग, जैसे #FFFFFF।
इस फ़ॉर्मैट में सिर्फ़ एक इमेज होती है। एनिमेशन रखना हो तो GIF या WebP आउटपुट चुनें।
मल्टी-साइज़ आइकन एक फ़ाइल में कई रिज़ॉल्यूशन रखता है; ब्राउज़र और ऑपरेटिंग सिस्टम अपनी ज़रूरत का चुन लेते हैं।
मूल डाइमेंशन रखें, या एक साइड डालें और आस्पेक्ट रेशियो बना रहेगा।
ऊपर चुनी गई साइड के पिक्सल।
मूल डाइमेंशन का प्रतिशत।
स्क्रीन और वेब के लिए sRGB सही है। प्रिंट वर्कफ़्लो के लिए मूल रखें; ग्रेस्केल रंग हटा देता है।
सिर्फ़ मेटाडेटा, 0 मूल मान रखता है। प्रिंटर और कुछ पोर्टल यह संख्या पढ़ते हैं; इससे पिक्सल डाइमेंशन नहीं बदलते।
इस टूल का उपयोग कैसे करें
- 1
WebP लोगो अपलोड करें
वह .webp फ़ाइल डालें, या एक साथ 20 तक, हर एक 95 MB तक। कम से कम 256 × 256 px का चौकोर लोगो सबसे अच्छा रहता है।
- 2
सभी आइकन साइज़ रहने दें
आइकन साइज़ की शुरुआती वैल्यू एडवांस्ड सेटिंग के अंदर सभी साइज़ (16–256) होती है। एनिमेटेड WebP का पहला फ़्रेम इस्तेमाल होता है।
- 3
कन्वर्ट करें और अपनी साइट पर अपलोड करें
ICO में बदलें दबाएँ, ज़रूरत हो तो फ़ाइल का नाम favicon.ico कर दें और उसे अपनी वेबसाइट के रूट फ़ोल्डर में रखें।
वेबसाइट से सेव किए गए लोगो आजकल ज़्यादातर WebP होते हैं। एक कन्वर्ज़न उस फ़ाइल को पारदर्शी बैकग्राउंड बनाए रखते हुए कई साइज़ वाले favicon.ico में बदल देता है।
WebP लोगो से favicon.ico बनाएँ
2010 में Google के लाने के बाद WebP वेब के बड़े हिस्से का डिफ़ॉल्ट इमेज फ़ॉर्मेट बन गया; WordPress 2021 में वर्ज़न 5.8 से WebP अपलोड स्वीकार करता है, और कई इमेज CDN हर PNG को कन्वर्ट करके देते हैं। इसलिए अपना लोगो ढूँढने पर जो कॉपी मिलती है, वह अक्सर .webp होती है, और favicon जनरेटर, Windows और कुछ होस्टिंग पैनल उसे नहीं लेते।
ICO फ़ॉर्मेट WebP से अलग समस्या हल करता है। एक कंप्रेस्ड तस्वीर की जगह यह कई चौकोर बिटमैप एक साथ रखता है, और ब्राउज़र या ऑपरेटिंग सिस्टम अपनी ज़रूरत का साइज़ चुनता है: टैब के लिए 16 px, टास्कबार या बुकमार्क बार के लिए 32 px, और डेस्कटॉप शॉर्टकट व हाई-डेंसिटी स्क्रीन के लिए बड़े साइज़। कन्वर्ट करने पर ये सारे साइज़ आपके WebP से एक ही बार में बन जाते हैं।
अपने पेज के हेडर वाले लोगो के लिए WebP रखे रहें। दोनों फ़ाइलें अलग जगहों पर काम आती हैं, और कन्वर्ज़न से मूल फ़ाइल में कोई बदलाव नहीं होता।
कन्वर्टर ICO में क्या-क्या रखता है
- एक .ico में पैक पाँच साइज़
- 16–256 px
- हर बैच में WebP फ़ाइलें
- 20
- हर फ़ाइल का अधिकतम साइज़
- 95 MB
- इसके बाद सर्वर से डिलीट
- 30 मिनट
WEBP
WebP इमेज
WebP एक इमेज फ़ॉर्मैट है जिसे Google ने 2010 में वेब पेज तेज़ लोड करने के लिए जारी किया। यह एक ही फ़ॉर्मैट में लॉसी और लॉसलेस कंप्रेशन, अल्फ़ा ट्रांसपेरेंसी और एनिमेशन को सपोर्ट करता है। लॉसी WebP फ़ाइलें समान दृश्य क्वालिटी वाली JPEG से आमतौर पर 25–35% छोटी होती हैं, और लॉसलेस WebP आमतौर पर PNG से छोटी होती है। सभी मौजूदा ब्राउज़र इसे सपोर्ट करते हैं, पर कुछ पुराने डेस्कटॉप सॉफ़्टवेयर, प्रिंट सेवाएँ और अपलोड फ़ॉर्म अब भी इसे अस्वीकार करते हैं। Windows, macOS और ज़्यादातर आधुनिक इमेज एडिटर WebP फ़ाइलें खोल सकते हैं।
- कंप्रेशन
- लॉसी या लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- हाँ
- शुरुआत का वर्ष
- 2010 · Google
ICO
Windows आइकन
ICO Microsoft का आइकन फ़ॉर्मैट है, जो Windows प्रोग्राम आइकन और वेबसाइट फ़ेविकॉन के लिए इस्तेमाल होता है। एक .ico फ़ाइल में अलग-अलग साइज़ की कई इमेज हो सकती हैं, जैसे 16×16, 32×32, 48×48 और 256×256 पिक्सल, ताकि सिस्टम सबसे सही साइज़ चुन सके। हर इमेज बिटमैप या PNG डेटा के रूप में रखी जा सकती है और पूरी अल्फ़ा ट्रांसपेरेंसी सपोर्ट करती है। ICO फ़ोटो या बड़े आर्टवर्क के लिए नहीं है। ब्राउज़र, Windows और ज़्यादातर आइकन एडिटर इसे पढ़ सकते हैं।
- कंप्रेशन
- लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- नहीं
- शुरुआत का वर्ष
- Microsoft
WebP लोगो को ICO में तब बदला जाता है जब ब्रांड मार्क की इकलौती कॉपी वही कंप्रेस्ड फ़ाइल हो जो किसी वेबसाइट या CMS ने दी थी, और साइट को रूट पर favicon.ico चाहिए।
16 px ब्राउज़र टैब के लिए WebP लोगो तैयार करना
सिर्फ़ मार्क तक क्रॉप करें
ज़्यादातर लोगो चौड़े होते हैं। सिर्फ़ सिंबल या पहला अक्षर रखें और थोड़े मार्जिन के साथ चौकोर क्रॉप करें।
छोटा टेक्स्ट हटाएँ
टैगलाइन और वर्डमार्क 16 px पर धूसर धब्बा बन जाते हैं। एक मोटा आकार बचा रहता है; पतली लकीरें नहीं बचतीं।
दोनों टैब रंग जाँचें
नतीजा हल्की और गहरी दोनों ब्राउज़र थीम में देखें। पारदर्शी बैकग्राउंड पर गहरा लोगो गहरे टैब पर गायब हो सकता है।
नया फ़ेविकॉन अपनी साइट पर लगाना
favicon.ico को रूट फ़ोल्डर में रखें ताकि वह yoursite.com/favicon.ico पर मिले। पेज के head में <link rel="icon" href="/favicon.ico" sizes="any"> लिखने से चुनाव साफ़ हो जाता है, और WordPress जैसे CMS में अपना Site Icon फ़ील्ड होता है जो ये टैग आपके लिए लिख देता है।
दो और आइकन सेट को पूरा करते हैं। जब कोई आपकी साइट होम स्क्रीन पर जोड़ता है, तो iPhone और iPad apple-touch-icon इस्तेमाल करते हैं, जो 180 × 180 px का PNG होता है; इसे WebP से PNG और हमारी क्रॉपिंग गाइड से बनाएँ। Google Search चौकोर favicon माँगता है जिसका साइज़ 48 px का गुणज हो, इसलिए होम पेज से जुड़ा 96 या 144 px का PNG सर्च नतीजों के लिए भी काफ़ी है। ब्राउज़र favicon को ज़ोर से कैश करते हैं; नया आइकन तुरंत देखने के लिए पेज प्राइवेट विंडो में खोलें।
WebP से ICO के बारे में सवाल
जब मेरा लोगो पहले से WebP में है, तो .ico की ज़रूरत क्यों है?
जब किसी पेज में आइकन घोषित नहीं होता, तो ब्राउज़र खुद आपकी साइट के रूट से /favicon.ico माँगते हैं। Windows शॉर्टकट, पुराने ब्राउज़र और कई CMS के favicon फ़ील्ड ICO या PNG ही चाहते हैं। रूट पर रखी एक .ico फ़ाइल बिना किसी मार्कअप के इन सबका काम कर देती है।
क्या मेरे WebP लोगो के आसपास का पारदर्शी हिस्सा पारदर्शी ही रहेगा?
हाँ। WebP और ICO दोनों में अल्फ़ा चैनल होता है, इसलिए पारदर्शी बैकग्राउंड आइकन के हर साइज़ में सीधे चला जाता है और favicon हल्के और गहरे दोनों ब्राउज़र टैब पर साफ़ दिखता है।
अगर मैं एनिमेटेड WebP अपलोड करूँ तो क्या होगा?
ICO में स्थिर इमेज होती हैं, इसलिए कन्वर्टर पहला फ़्रेम इस्तेमाल करता है (एनिमेटेड इनपुट में सिर्फ़ पहला फ़्रेम चुना होता है)। अगर पहला फ़्रेम खाली है या बदलाव के बीच का है, तो कोई दूसरा सोर्स चुनें।
क्या lossy WebP कंप्रेशन का असर फ़ेविकॉन में दिखेगा?
16 से 64 px पर ऐसा कम ही होता है, क्योंकि छोटा करने पर छोटे आर्टिफ़ैक्ट औसत में मिट जाते हैं। 128 और 256 px की परतों में हल्के घेरे बचे रह सकते हैं। अगर लोगो वेक्टर में भी मौजूद है, तो SVG से ICO सबसे साफ़ किनारे देता है।
साफ़ फ़ेविकॉन के लिए मेरे WebP लोगो का रेज़ोल्यूशन कितना होना चाहिए?
कम से कम 256 × 256 px और चौकोर, ताकि सबसे बड़ी परत बड़ा करके नहीं, छोटा करके बने। किसी पेज के हेडर से सेव किया 120 px का लोगो बड़े साइज़ में धुँधला दिखेगा।