Apple Touch Icon जेनरेटर
वह 180×180 apple-touch-icon बनाएँ जिसे iOS होम-स्क्रीन बुकमार्क के लिए इस्तेमाल करता है — साथ में पूरा favicon सेट — अपने ब्राउज़र में लोकली। कुछ भी अपलोड नहीं होता।
निजता सर्वोपरि: हर छवि आपके ब्राउज़र में स्थानीय रूप से संसाधित होती है। कुछ भी किसी सर्वर पर अपलोड, संग्रहीत या प्रेषित नहीं किया जाता।
वह आइकन जो iOS होम स्क्रीन पर रखता है
जब कोई आपकी साइट को अपने iPhone या iPad की होम स्क्रीन पर जोड़ता है, तो iOS एक 180×180 apple-touch-icon ढूँढ़ता है; न मिलने पर वह एक धुँधले स्क्रीनशॉट पर लौट आता है। यह जेनरेटर आपकी इमेज से ठीक वही साइज़ रेंडर करता है — ठोस बैकग्राउंड के साथ, क्योंकि apple-touch-icon ट्रांसपेरेंट नहीं होने चाहिए — और उसे favicon.ico व Android आइकनों के साथ डाउनलोड में शामिल करता है।
एक एक्सपोर्ट, हर प्लेटफ़ॉर्म
हर डिवाइस के लिए अलग फ़ाइल हाथ से क्रॉप करने के बजाय पूरा सेट एक साथ बनाएँ: iOS के लिए apple-touch-icon, Android और PWA के लिए 192 और 512px की PNG, और डेस्कटॉप ब्राउज़रों के लिए favicon.ico, साथ में उन्हें रेफ़र करने वाला HTML स्निपेट। यह सब आपके ब्राउज़र में चलता है, इसलिए आपकी ब्रांड आर्ट कभी आपके डिवाइस से बाहर नहीं जाती।
अक्सर पूछे जाने वाले प्रश्न
- क्या फ़ेविकॉन बनाने के लिए मेरी इमेज अपलोड होती है?
- नहीं। favicon.ico, PNG आइकन और मैनिफ़ेस्ट सब आपके ब्राउज़र में Canvas API का उपयोग करके लोकली बनते हैं। आपकी इमेज कभी आपके डिवाइस से बाहर नहीं जाती।
- मुझे कौन-से साइज़ और फ़ाइलें मिलती हैं?
- एक मल्टी-रिज़ॉल्यूशन favicon.ico (16, 32 और 48px), 16, 32, 48, 180 (apple-touch-icon), 192 और 512px पर PNG आइकन, एक site.webmanifest, और आपके <head> में पेस्ट करने के लिए एक HTML स्निपेट।
- क्या मैं PNG या SVG को ICO में बदल सकता हूँ?
- हाँ। कोई PNG, JPG, SVG या WebP डालें और एक असली favicon.ico डाउनलोड करें। SVG लोगो पहले लोकली हाई रिज़ॉल्यूशन पर रैस्टराइज़ किए जाते हैं।
- कौन-सी इमेज सबसे अच्छी रहती है?
- एक वर्गाकार इमेज जिसमें सरल, हाई-कंट्रास्ट लोगो हो। ग़ैर-वर्गाकार इमेज को फ़िट करने के लिए बीच से क्रॉप किया जाता है; उसे अपने मनमुताबिक फ़्रेम करने के लिए पैडिंग और आकार कंट्रोल का उपयोग करें।
- मैं फ़ेविकॉन कैसे इंस्टॉल करूँ?
- पैकेज को अपनी साइट के रूट फ़ोल्डर में अनज़िप करें और दिया गया HTML स्निपेट अपने पेजों के <head> में पेस्ट करें। favicon.ico को ज़्यादातर ब्राउज़र अपने आप उठा लेते हैं।