Apple टच आइकन गाइड
जब कोई आपकी साइट को iOS होम स्क्रीन पर जोड़ता है, तो Safari apple-touch-icon का उपयोग करता है - favicon.ico का नहीं। एक 180×180 PNG (या बड़ा वर्ग जो सफाई से डाउनस्केल करता है) भेजें और इसे अपने <head> में लिंक करें।
Apple वेब क्लिप के लिए आधुनिक iOS पर मास्किंग लागू नहीं करता है जिस तरह से यह मूल ऐप्स के लिए करता है, लेकिन आपका आइकन अभी भी सुरक्षित मार्जिन के साथ वर्गाकार होना चाहिए - लोगो को ~10% इनसेट रखें ताकि गोल कोने कभी भी कलाकृति को क्लिप न करें।
<link rel='apple-touch-icon' size='180x180' href='/apple-touch-icon.png'> का उपयोग करें। एक एकल 180×180 फ़ाइल सभी मौजूदा iPhones को कवर करती है; वैकल्पिक 152×152 और 167×167 प्रविष्टियाँ पुराने iPad लेआउट में मदद करती हैं।
यह कैसे काम करता है
- 1
निर्यात 180×180 PNG
हमारे फ़ेविकॉन जेनरेटर या इमेज रिसाइज़र से।
- 2
साइट रूट पर अपलोड करें
/apple-touch-icon.png favicon.ico के साथ।
- 3
लिंक टैग जोड़ें
<link rel='apple-touch-icon' size='180x180' href='/apple-touch-icon.png'> <head> में।
अभी आज़माएं
apple-touch-icon उत्पन्न करें
फ़ेविकॉन जनरेटरसामान्य प्रश्न
apple-touch-icon किस आकार का है?+
वर्तमान iPhones के लिए 180×180 पिक्सेल। 512×512 या 1024×1024 मास्टर से निर्यात करें।
iOS के लिए PNG या ICO?+
केवल PNG। iOS होम-स्क्रीन आइकन के लिए .ico को अनदेखा करता है।
क्या मुझे अब भी favicon.ico की आवश्यकता है?+
हाँ - टैब और अन्य ब्राउज़र अभी भी .ico का उपयोग करते हैं। Apple-टच-आइकन योगात्मक है।