एक वेबसाइट आईफोन बुकमार्क FavIcon अनुकूलित करने के लिए "सेब-स्पर्श-icon.png" सेट करें
यदि आपके पास अपनी वेबसाइट है या किसी और के लिए एक विकसित कर रही है, तो आपको उपयोगकर्ता आईओएस होम स्क्रीन पर दिखाई देने वाले सहेजे गए बुकमार्क आइकन को कस्टमाइज़ करना चाहिए। ऊपर स्क्रीनशॉट में आप एक आईफोन की स्क्रीन पर बैठे कस्टम ओएसएक्स डेली फेविकॉन देखेंगे।
ऐप्पल टच आइकन सेट करना एक अच्छा विचार है क्योंकि डिफ़ॉल्ट रूप से आईओएस साइट के एक छोटे थंबनेल को बचाएगा। छोटे थंबनेल अक्सर पहचानना मुश्किल होता है और आम तौर पर उस महान को नहीं देखते हैं, तो चलिए इसके बजाय अपनी खुद की फेविकॉन छवि सेट करें।
किसी वेबसाइट के लिए ऐप्पल टच आइकन को कस्टमाइज़ और सेट कैसे करें
- आइकन बनाएं, सुनिश्चित करें कि यह एक वर्ग है, ओएसएक्सडीaily.com पर यहां एक 512 × 512 पिक्सल है, लेकिन यदि आप वास्तव में चाहते हैं तो आप अन्य स्क्वायर आकार चुन सकते हैं - नोटिना रेटिना डिस्प्ले के लिए उपयुक्त है
- होमस्क्रीन आइकन को पीएनजी फ़ाइल के रूप में सहेजें और इसे लेबल करें: apple-touch-icon.png
- रूट webserver निर्देशिका में सेब-टच-icon.png ड्रॉप करें, इसलिए इसे domain.com/apple-touch-icon.png पर पहुंचा जा सकता है
- आईओएस में सफारी से साइट पर जाकर और फिर "होम स्क्रीन में जोड़ें" पर टैप करके अपनी वेबसाइटों होमस्क्रीन बुकमार्क आइकन का परीक्षण करें।
- आईओएस डिवाइस होमस्क्रीन देखें और आपको ऊपर दिए गए स्क्रीनशॉट की तरह, अपने नए कस्टम आइकन के साथ वहां सहेजा गया बुकमार्क दिखाई देगा
जब तक फ़ाइल का नाम ठीक से नामित किया गया हो और वेबसर्वर रूट निर्देशिका में, मोबाइल सफारी को पता चलेगा कि इसके साथ क्या करना है, इसलिए आईओएस विशिष्ट फेविकॉन को दिखाने के लिए कोई और समायोजन की आवश्यकता नहीं है।
संदर्भ के लिए, यहां हमारी कस्टम 'सेब-टच-आइकन.png' छवि है जिसे हम OSXDaily.com के लिए उपयोग करते हैं, यह उदाहरण बुकमार्क आइकन बनाया गया है और रेटिना डिस्प्ले के लिए उचित रूप से आकार दिया गया है (यहां रेटिना बुकमार्क आइकन निर्माण के बारे में और जानें):
आप देखेंगे कि वास्तविक आइकन फ़ाइल में आइकन पर सहेजा गया प्रकाश अपवर्तन नहीं है, आईओएस इसे स्वयं ही संभालता है। आप अपनी इच्छित छवि का उपयोग कर सकते हैं, लेकिन मैं एक ऐसे निर्माण को बनाने की अनुशंसा करता हूं जो मौजूदा आईओएस आइकन के परिचित यूआई को कैप्चर करे।
यह स्पष्ट रूप से एक समर्पित आईओएस ऐप जैसा नहीं है, लेकिन वेब से एक सभ्य मोबाइल उपयोगकर्ता अनुभव एक अच्छा विचार है और यह आईओएस ऐप विकसित करने की उच्च कीमत क्या हो सकता है इससे बचाता है।
और हे, अगर आप इस तरह की चीजों के बारे में चिंतित हैं, तो संभवतः आप फ़ोटोशॉप का उपयोग कम से कम आइकन को डिज़ाइन करने के लिए करते हैं? तो फ़ोटोशॉप को तेज करने के लिए कुछ युक्तियां देखें, जब आप इसमें हों।
