अगर आपकी खुद की कोई वेबसाइट है या आप किसी और के लिए वेबसाइट विकसित कर रहे हैं, तो आपको सहेजे गए बुकमार्क आइकन को अनुकूलित करना चाहिए जो उपयोगकर्ता की आईओएस होम स्क्रीन पर दिखाई देता है। ऊपर दिए गए स्क्रीनशॉट में आप कस्टम OSXDaily फ़ेविकॉन को iPhone की स्क्रीन पर बैठे हुए देखेंगे।

Apple टच आइकन सेट करना एक अच्छा विचार है क्योंकि डिफ़ॉल्ट रूप से iOS साइट के एक छोटे से थंबनेल को सहेज लेगा। छोटे थंबनेल अक्सर पहचानने में कठिन होते हैं और आम तौर पर उतने अच्छे नहीं लगते हैं, तो चलिए इसके बजाय अपनी खुद की फ़ेविकॉन इमेज सेट करते हैं।

किसी वेबसाइट के लिए Apple Touch Icon को कैसे अनुकूलित और सेट करें

• आइकन बनाएं, सुनिश्चित करें कि यह एक वर्ग है, यहां OSXDaily.com पर एक 512×512 पिक्सेल है, लेकिन यदि आप वास्तव में चाहते हैं तो आप अन्य वर्ग आकार चुन सकते हैं - ध्यान दें कि बड़ा आकार उपयुक्त है रेटिना डिस्प्ले
• होमस्क्रीन आइकन को पीएनजी फ़ाइल के रूप में सहेजें और इसे लेबल करें: apple-touch-icon.png
• Apple-touch-icon.png को रूट वेबसर्वर डायरेक्टरी में छोड़ें, ताकि इसे domain.com/apple-touch-icon.png पर एक्सेस किया जा सके
• iOS में सफारी से साइट पर जाकर और फिर "होम स्क्रीन में जोड़ें" पर टैप करके अपनी वेबसाइटों के होमस्क्रीन बुकमार्क आइकन का परीक्षण करें
• iOS डिवाइस की होमस्क्रीन पर देखें और आपको वहां अपने नए कस्टम आइकन के साथ सहेजा गया बुकमार्क दिखाई देगा, जैसे ऊपर दिया गया स्क्रीनशॉट

जब तक फ़ाइल का नाम ठीक से है और वेबसर्वर रूट डायरेक्टरी में है, मोबाइल सफारी को पता चल जाएगा कि इसके साथ क्या करना है, इसलिए आईओएस विशिष्ट फ़ेविकॉन को दिखाने के लिए और समायोजन की आवश्यकता नहीं है।

संदर्भ के लिए, यहां हमारी कस्टम 'ऐप्पल-टच-आइकन.png' छवि है जिसका उपयोग हम OSXDaily.com के लिए करते हैं, यह उदाहरण बुकमार्क आइकन बनाया गया है और रेटिना डिस्प्ले के लिए उचित आकार दिया गया है ():

आप देखेंगे कि वास्तविक आइकन फ़ाइल में आइकन पर प्रकाश अपवर्तन सहेजा नहीं गया है, iOS इसे अपने आप संभालता है। आप अपनी इच्छानुसार किसी भी छवि का उपयोग कर सकते हैं, लेकिन मैं एक ऐसी छवि बनाने की अनुशंसा करता हूं जो मौजूदा आईओएस आइकन के परिचित यूआई को कैप्चर करे।

यह स्पष्ट रूप से एक समर्पित आईओएस ऐप होने जैसा नहीं है, लेकिन वेब से एक अच्छा मोबाइल उपयोगकर्ता अनुभव एक अच्छा विचार है और यह आईओएस ऐप विकसित करने की उच्च कीमत से बच सकता है।

और अरे, अगर आप इस तरह की चीजों के बारे में चिंतित हैं, तो आप शायद कम से कम आइकन डिजाइन करने के लिए फोटोशॉप का इस्तेमाल करते हैं? इसलिए जब आप यह कर रहे हों तो कुछ देखें।