← सभी टूल पर वापस जाएँ

तस्वीर से favicon.ico बनाएँ

एक तस्वीर से कई आकारों वाला .ico फ़ेविकॉन बनाता है।

यह फ़ेविकॉन जनरेटर JPG, PNG, WEBP, GIF या BMP तस्वीर को favicon.ico में बदलता है। अपना लोगो या आइकन अपलोड करें, 16x16 से 256x256 तक के मनचाहे आकारों पर टिक करें और favicon.ico डाउनलोड करें। चुने हुए सभी आकार एक ही ICO फ़ाइल में रखे जाते हैं, ताकि ब्राउज़र और ऑपरेटिंग सिस्टम अपने काम का सही आकार चुन सकें। चौकोर और सरल आकृति वाली तस्वीर से शुरू करें, क्योंकि फ़ेविकॉन बहुत छोटे आकार में दिखता है।

फ़ेविकॉन कैसे बनाएँ

अधिकतम 20 MiB की तस्वीर अपलोड करें, शामिल करने वाले आकार चुनें और फ़ॉर्म सबमिट करें। उपलब्ध आकार 16, 32, 48, 64, 128 और 256 पिक्सेल हैं, और डिफ़ॉल्ट रूप से सभी चुने होते हैं। आपको favicon.ico नाम की एक फ़ाइल मिलती है जिसमें आपके चुने हुए हर आकार शामिल होते हैं।

कौन-से आकार शामिल करें

ब्राउज़र टैब 16x16 और 32x32 का उपयोग करते हैं। Windows के शॉर्टकट और कुछ बुकमार्क बार 48x48 और उससे बड़े आकार इस्तेमाल करते हैं। सभी छह आकार रखना सुरक्षित है और फ़ाइल छोटी ही रहती है। अगर आप कोई भी बॉक्स नहीं चुनते, तो टूल अपने आप सभी छह आकार शामिल कर लेता है। PNG की पारदर्शिता ICO के अंदर भी बनी रहती है।

स्रोत तस्वीर कैसे तैयार करें

चौकोर तस्वीर इस्तेमाल करें, जो आदर्श रूप से कम से कम 256 गुणा 256 पिक्सेल की हो, जिसमें साफ़ और सरल निशान हो और बारीक टेक्स्ट न हो। 16 पिक्सेल पर बारीक विवरण ग़ायब हो जाते हैं। चौकोर न होने वाली तस्वीर खिंच सकती है, इसलिए उसे पहले चौकोर में क्रॉप करें। अगर आप चाहते हैं कि आइकन गहरे और हल्के ब्राउज़र थीम दोनों पर साफ़ दिखे, तो पारदर्शी PNG बनाएँ।

अपनी साइट पर फ़ेविकॉन का उपयोग

favicon.ico को अपनी साइट के रूट में अपलोड करें और head में एक link टैग जोड़ें, जैसे /favicon.ico की ओर इशारा करती rel=icon वाली पंक्ति। यह टूल सिर्फ़ ICO बनाता है, Apple touch icon या वेब मैनिफ़ेस्ट नहीं। स्रोत तस्वीर पहले तैयार करने के लिए चित्र का आकार बदलें इस्तेमाल करें, या SVG से निकले PNG को बदलने के लिए चित्र कनवर्टर।

अक्सर पूछे जाने वाले सवाल

फ़ेविकॉन बनाने के लिए कौन-सी तस्वीर इस्तेमाल करें?

चौकोर लोगो या आइकन इस्तेमाल करें, जो आदर्श रूप से 256 गुणा 256 पिक्सेल या उससे बड़ा हो, जिसमें सरल आकृति और गहरा कंट्रास्ट हो। ब्राउज़र टैब में 16 पिक्सेल पर दिखाने पर बारीक तस्वीरें और छोटा टेक्स्ट पढ़ने लायक नहीं रहते।

फ़ेविकॉन में कौन-से आकार होते हैं?

आप 16, 32, 48, 64, 128 और 256 पिक्सेल के चौकोर आकार शामिल कर सकते हैं। डिफ़ॉल्ट रूप से सभी चुने होते हैं और एक ही favicon.ico फ़ाइल में जुड़ जाते हैं, ताकि हर ब्राउज़र या सिस्टम अपनी ज़रूरत का आकार चुन सके।

क्या यह PNG या Apple touch icon भी बनाता है?

नहीं। आउटपुट सिर्फ़ एक favicon.ico फ़ाइल है। अगर आपको किसी एक आकार का PNG चाहिए, तो चित्र का आकार बदलें इस्तेमाल करें, और SVG स्रोत के लिए SVG कन्वर्टर उसे आपकी चुनी हुई चौड़ाई पर PNG में बदल सकता है।

क्या फ़ेविकॉन में पारदर्शिता बनी रहती है?

हाँ। ICO लिखने से पहले तस्वीर को RGBA में बदला जाता है, इसलिए PNG के पारदर्शी हिस्से आइकन में भी पारदर्शी रहते हैं। JPG फ़ाइलों में पारदर्शिता नहीं होती, इसलिए उन्हें ठोस बैकग्राउंड मिलता है।

वेबसाइट पर favicon.ico कहाँ रखें?

favicon.ico को अपनी साइट के रूट फ़ोल्डर में रखें और पेज के head में /favicon.ico की ओर rel=icon लिंक से इसे जोड़ें। ब्राउज़र डिफ़ॉल्ट रूप से भी इसी पथ पर माँग भेजते हैं, इसलिए टैग के बिना भी यह अक्सर काम कर जाता है।

संबंधित टूल