इमेज को ICO में बदलें
आपके पास जो भी तस्वीर है, उससे favicon.ico या Windows आइकन बनाएँ: लोगो की PNG, डिज़ाइनर की दी हुई SVG, ब्रांड किट की JPG या फ़ोन से खींची फोटो भी। बनी हुई फ़ाइल में कई साइज़ होते हैं। नीचे जानें कि कौन-सी सोर्स इमेज सबसे अच्छी रहती है और हर प्लेटफ़ॉर्म को और कौन-सी आइकन फ़ाइलें चाहिए।
इमेज कन्वर्टर
या JPG, JPEG, JPE … फ़ाइलें यहाँ ड्रop करें ·
प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं
फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।
85 पर फ़ोटो देखने में मूल जैसी ही रहती हैं। छोटी फ़ाइल चाहिए तभी इसे घटाएँ।
JPG, BMP और EPS में ट्रांसपेरेंसी नहीं होती। पारदर्शी पिक्सल इस रंग से भरे जाते हैं।
पारदर्शी पिक्सल के पीछे इस्तेमाल होने वाला हेक्स रंग, जैसे #FFFFFF।
इस फ़ॉर्मैट में सिर्फ़ एक इमेज होती है। एनिमेशन रखना हो तो GIF या WebP आउटपुट चुनें।
मल्टी-साइज़ आइकन एक फ़ाइल में कई रिज़ॉल्यूशन रखता है; ब्राउज़र और ऑपरेटिंग सिस्टम अपनी ज़रूरत का चुन लेते हैं।
मूल डाइमेंशन रखें, या एक साइड डालें और आस्पेक्ट रेशियो बना रहेगा।
ऊपर चुनी गई साइड के पिक्सल।
मूल डाइमेंशन का प्रतिशत।
स्क्रीन और वेब के लिए sRGB सही है। प्रिंट वर्कफ़्लो के लिए मूल रखें; ग्रेस्केल रंग हटा देता है।
सिर्फ़ मेटाडेटा, 0 मूल मान रखता है। प्रिंटर और कुछ पोर्टल यह संख्या पढ़ते हैं; इससे पिक्सल डाइमेंशन नहीं बदलते।
इस टूल का उपयोग कैसे करें
- 1
अपनी सबसे साफ़ सोर्स इमेज चुनें
जिस इमेज को आइकन बनाना है उसे अपलोड करें। सबसे अच्छा रहेगा 256 × 256 px या उससे बड़ा चौकोर लोगो या सिंबल।
- 2
आइकन साइज़ को सभी पर ही रहने दें
एडवांस्ड सेटिंग में आइकन साइज़ पहले से सभी साइज़ (16–256) पर रहता है। कोई प्रोग्राम ठीक एक ही साइज़ माँगे, तभी एक साइज़ चुनें।
- 3
कन्वर्ट करें और जाँचें
ICO में बदलें दबाएँ, फ़ाइल डाउनलोड करें और पब्लिश करने से पहले उसे ब्राउज़र टैब में या डेस्कटॉप पर देख लें।
इमेज को ICO आइकन में कैसे बदलें?
कम से कम 256 × 256 px की चौकोर इमेज अपलोड करें, आइकन साइज़ को सभी साइज़ (16–256) पर रखें और ICO में बदलें दबाएँ। आपको एक फ़ाइल मिलती है जिसमें 16, 32, 64, 128 और 256 px वर्शन होते हैं, जो favicon.ico या Windows शॉर्टकट आइकन के तौर पर इस्तेमाल के लिए तैयार है।
इमेज को ICO में बदलें: किस सोर्स तस्वीर से शुरू करें
ICO Microsoft का आइकन कंटेनर है, जो Windows जितना ही पुराना है। इसमें एक तस्वीर नहीं, बल्कि तस्वीरों की छोटी डायरेक्टरी होती है, और Windows Vista से सबसे बड़ी एंट्री, 256 px, PNG-कंप्रेस्ड हो सकती है। ब्राउज़रों ने यह फ़ॉर्मैट 1999 में अपनाया, जब Internet Explorer 5 हर साइट से /favicon.ico माँगने लगा।
कन्वर्टर आपकी तस्वीर को 16 px तक छोटा करता है, इसलिए नतीजा किसी भी सेटिंग से ज़्यादा सोर्स पर निर्भर करता है। अपलोड से पहले देख लें कि आपके पास क्या सबसे अच्छा है, और चौड़ी हो तो पहले चौकोर क्रॉप करें; इमेज क्रॉप करें टूल में 1:1 फ़्रेम कुछ सेकंड में लग जाता है।
वेक्टर लोगो (SVG, EPS, AI)
हर साइज़ पर नए सिरे से रास्टराइज़ होता है, इसलिए किनारे साफ़ रहते हैं। डिज़ाइनर भेज सके तो यही सबसे अच्छा विकल्प है।
ट्रांसपेरेंट PNG या WebP
पारदर्शी बैकग्राउंड बना रहता है, जिससे टैब बार दिखता है। 256 px या उससे बड़ी इमेज से शुरू करें।
JPG, HEIC या स्क्रीनशॉट
चलता है, लेकिन चौकोर बैकग्राउंड साथ आ जाता है। उसे भर दें या क्रॉप करें ताकि कोने सोच-समझकर बने लगें।
हर प्लेटफ़ॉर्म अपनी आइकन फ़ाइल कहाँ ढूँढता है
32 × 32 px
favicon.ico (ब्राउज़र टैब)
टैब और बुकमार्क में 16 और 32 px दिखते हैं; इस पेज की ICO दोनों को कवर करती है
256 × 256 px
Windows शॉर्टकट या .exe
बड़े आइकन व्यू और हाई-DPI स्क्रीन 256 px वाली एंट्री चुनते हैं
180 × 180 px
apple-touch-icon.png
PNG, ICO नहीं; जब कोई साइट को iPhone की होम स्क्रीन पर जोड़ता है तब इस्तेमाल होती है
512 × 512 px
वेब ऐप मेनिफ़ेस्ट आइकन
manifest.json में दर्ज PNG, 192 px वर्शन के साथ, इंस्टॉल होने वाले वेब ऐप के लिए
ANY I
कोई भी इमेज
यह टूल JPG, PNG, WebP, HEIC, GIF, BMP और TIFF समेत आम इमेज फ़ॉर्मेट स्वीकार करता है। फ़ॉर्मेट फ़ाइल से अपने आप पहचान लिया जाता है, इसलिए आपको यह जानने की ज़रूरत नहीं कि इमेज किस प्रकार की है।
ICO
Windows आइकन
ICO Microsoft का आइकन फ़ॉर्मैट है, जो Windows प्रोग्राम आइकन और वेबसाइट फ़ेविकॉन के लिए इस्तेमाल होता है। एक .ico फ़ाइल में अलग-अलग साइज़ की कई इमेज हो सकती हैं, जैसे 16×16, 32×32, 48×48 और 256×256 पिक्सल, ताकि सिस्टम सबसे सही साइज़ चुन सके। हर इमेज बिटमैप या PNG डेटा के रूप में रखी जा सकती है और पूरी अल्फ़ा ट्रांसपेरेंसी सपोर्ट करती है। ICO फ़ोटो या बड़े आर्टवर्क के लिए नहीं है। ब्राउज़र, Windows और ज़्यादातर आइकन एडिटर इसे पढ़ सकते हैं।
- कंप्रेशन
- लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- नहीं
- शुरुआत का वर्ष
- Microsoft
लोग किसी भी इमेज को ICO में इसलिए बदलते हैं कि ब्राउज़र टैब, Windows शॉर्टकट या इंस्टॉलर को एक .ico फ़ाइल चाहिए, जबकि हाथ में सिर्फ़ किसी और फ़ॉर्मैट का लोगो, स्क्रीनशॉट या फोटो होता है; ICO से PNG निकालना इसका उलटा है, यानी आर्टवर्क वापस पाना।
ICO में बदलने से पहले 16 px पर पढ़ने लायक होने की जाँच
16 × 16 px के आइकन में कुल 256 पिक्सल होते हैं। पूरा वर्डमार्क धुंधला धब्बा बन जाता है; एक मोटा अक्षर या सिंबल टिकता है। कन्वर्ट करने से पहले सोर्स को किसी भी व्यूअर में 16 px तक छोटा करें और देखें कि 30 खुले टैब की कतार में आप उसे पहचान पाएँगे या नहीं।
आकार जितना ही कंट्रास्ट भी मायने रखता है। टैब लाइट और डार्क दोनों ब्राउज़र थीम पर होते हैं, इसलिए ट्रांसपेरेंट बैकग्राउंड पर काला लोगो डार्क मोड में गायब हो सकता है। सिंबल के पीछे पतली हल्की आउटलाइन या ठोस गोल कोनों वाला चौकोर उसे दोनों पर दिखाता है। macOS ऐप बंडल के लिए ICNS चाहिए; PNG to ICNS उसी आर्टवर्क से वह फ़ाइल बनाता है।
इमेज को ICO में बदलने से जुड़े सवाल
इस पेज पर किन इमेज फॉर्मेट को ICO में बदला जा सकता है?
कन्वर्टर जो भी इमेज पढ़ सकता है: PNG, JPG, SVG, WebP, AVIF, HEIC, GIF, BMP, TIFF, PSD और कैमरा RAW समेत। ट्रांसपेरेंट PNG या SVG से किनारे सबसे साफ़ आते हैं; JPG भी चलती है, लेकिन उसका आयताकार बैकग्राउंड साथ आ जाता है।
क्या favicon.ico काफ़ी है, या दूसरी आइकन फ़ाइलें भी चाहिए?
.ico हर जगह ब्राउज़र टैब और बुकमार्क के लिए काम करती है। iPhone और iPad apple-touch-icon नाम की 180 × 180 px PNG ढूँढते हैं, और Chrome साइट को ऐप की तरह इंस्टॉल करने का विकल्प तभी देता है जब उसके वेब मेनिफ़ेस्ट में 192 और 512 px की PNG आइकन दी गई हों।
क्या Windows को ICO के अंदर 48 px की इमेज चाहिए?
File Explorer के मीडियम आइकन व्यू में आइकन 48 px पर बनते हैं। फ़ाइल में 48 px की एंट्री न हो तो Windows अगली बड़ी एंट्री, यहाँ 64 px वाली इमेज, को छोटा करके दिखाता है, जो मोटे डिज़ाइन पर आमतौर पर ठीक लगता है। बारीक लाइन वाला काम धुँधला हो सकता है।
क्या एक ICO में 16 px और 256 px पर अलग-अलग डिज़ाइन दिख सकता है?
फ़ॉर्मैट इसकी इजाज़त देता है, और सिस्टम आइकन अक्सर सबसे छोटे साइज़ के लिए सरल ड्रॉइंग इस्तेमाल करते हैं। यह कन्वर्टर एक ही तस्वीर को हर साइज़ में स्केल करता है। अगर आपके 16 px वर्शन के लिए अलग ड्रॉइंग चाहिए, तो वह आर्टवर्क अलग से एक्सपोर्ट करें और आइकन साइज़ को 16 px पर रखकर कन्वर्ट करें।
कन्वर्ट करने से पहले कैसे जाँचें कि मेरा आइकन 16 px पर साफ़ दिखता है?
किसी भी एडिटर में उसे 16 px तक छोटा करें और 100% पर देखें। अगर समझ न आए कि वह क्या है, तो डिटेल घटाएँ: टैगलाइन हटाएँ, पहला अक्षर या सिंबल रखें और पतली रेखाओं को मोटा करें।
वेबसाइट पर favicon.ico कहाँ अपलोड करें?
इसे साइट के रूट में रखें ताकि यह /favicon.ico पर मिले, क्योंकि ब्राउज़र किसी टैग के न होने पर भी यही पता माँगते हैं। पेज के हेड में rel="icon" वाला लिंक टैग लगाकर आप इसे कहीं और भी रख सकते हैं।