मेरे टूल

फ़ेविकॉन जनरेटर

लोगो डालें, हर असली साइज़ में देखें, और favicon.ico, PNG सेट तथा HTML लेकर जाएँ।

PNG / JPEG / WebP / GIF / SVG — या इस कार्ड पर एक डालें

छवि जोड़ें (या अक्षरों पर जाएँ) और हर साइज़ यहाँ दिखेगा — कोई "जनरेट" बटन नहीं है।favicon.ico 16/32/48 · PNG 16 · 32 · 48 · 180 · 192 · 512 · site.webmanifest · HTML

इसका उपयोग कैसे करें

  1. छवि चुनें, या कार्ड पर खींचकर डालें: हर साइज़ एक साथ दिखता है। कोई जनरेट बटन नहीं है — जो दिखता है वही डाउनलोड होता है।
  2. अभी लोगो नहीं है? "अक्षर / इमोजी" पर जाएँ और एक-दो कैरेक्टर लिखें। रंग पिकर बैकग्राउंड तय करता है, और अक्षर कंट्रास्ट के अनुसार काला या सफ़ेद हो जाता है।
  3. बंडल डाउनलोड करें, उसे अपनी साइट की जड़ में अनज़िप करें, कॉपी किए <link> टैग <head> में पेस्ट करें, फिर साइट रीलोड करें — टैब आइकन दिखना चाहिए।

उदाहरण

स्रोत

logo.png · 512×512, आकार "गोल कोने"

बंडल (9 फ़ाइलें)

favicon.ico (16/32/48)
favicon-16x16.png
favicon-32x32.png
favicon-48x48.png
apple-touch-icon.png (180)
android-chrome-192x192.png
android-chrome-512x512.png
site.webmanifest
snippet.html

वही स्रोत और वही विकल्प बाइट-दर-बाइट समान PNG और समान ZIP देते हैं (संग्रह का टाइमस्टैम्प 1980-01-01 पर तय है), इसलिए बंडल को कमिट और डिफ़ किया जा सकता है। आकार बदलने से केवल कोने कटते हैं; आर्टवर्क फिर से नहीं बनता।

दायरा, सीमाएँ और आम सवाल

  • कोई SVG एक्सपोर्ट नहीं। 16 px पर टिकने वाली SVG के लिए हाथ से सरल किए पाथ चाहिए; बिटमैप को SVG में लपेटना या सिस्टम-फ़ॉन्ट टेक्स्ट बनाना केवल वेक्टर जैसा दिखेगा। अपनी .svg इस PNG सेट के साथ रखें यदि चाहिए।
  • छवियाँ फ़िट की जाती हैं, कभी क्रॉप नहीं। गैर-वर्ग लोगो में पारदर्शी मार्जिन रहते हैं — पहले उसे क्रॉप या कंपोज़ करें (यहाँ का छवि रीसाइज़र / कन्वर्टर मदद कर सकता है)।
  • पारदर्शी आइकन को प्लेटफ़ॉर्म से बैकग्राउंड मिलता है: iOS apple-touch-icon के पीछे एक रंग भरता है, और कुछ Android लॉन्चर भी। अपने नियंत्रण वाला बैकग्राउंड चाहिए तो "अक्षर / इमोजी" इस्तेमाल करें, या स्रोत छवि में बैकग्राउंड जोड़ें।
  • site.webmanifest में केवल आइकन सूचीबद्ध हैं — name या short_name नहीं। वह आपकी साइट का नाम है, जो यह टूल नहीं जान सकता; अनज़िप के बाद दोनों कुंजियाँ जोड़ें (name वैकल्पिक है और ब्राउज़र पेज शीर्षक पर लौट आते हैं)।
  • favicon.ico में 16, 32 और 48 px होते हैं, 64 या 128 नहीं। यह आधुनिक ब्राउज़र और Windows के लिए पर्याप्त है; ज़्यादा साइज़ चाहिए तो PNG के रूप में जोड़ें।
  • एनिमेटेड GIF / WebP: केवल पहला फ़्रेम इस्तेमाल होता है। फ़ेविकॉन वैसे भी एनिमेट नहीं होते।
  • अक्षर आइकन आपके सिस्टम फ़ॉन्ट से बनते हैं, इसलिए macOS, Windows, Linux और फ़ोन पर अलग दिखते हैं। PNG वही स्थिर करता है जो आपका डिवाइस दिखाता है — इसी वजह से फ़ॉन्ट पिकर भी नहीं है।
  • कोई URL फ़ेचिंग और कोई लाइव जाँच नहीं: यह टूल वेबसाइट का पता नहीं ले सकता, और तैनात किए गए फ़ेविकॉन को सत्यापित नहीं कर सकता। तैनाती के बाद साइट खोलकर टैब देखें।
  • सीमाएँ: प्रति फ़ाइल 20 MB और प्रति भुजा 8000 px। 180 px से छोटे स्रोत बड़े आइकन के लिए बड़े किए जाते हैं और धुँधले लग सकते हैं।
  • कोई क्रॉपिंग, बैकग्राउंड हटाना, बैच या इतिहास नहीं: रीलोड पर खाली स्थिति से शुरुआत होती है (कुछ संग्रहीत नहीं होता, कुछ URL में नहीं जाता)।

आइकन तैयार होने के बाद लोग आमतौर पर आगे यह चाहते हैं।

छवि रीसाइज़र

छवि फ़ॉर्मेट कन्वर्टर