Apple Touch Icon — ऑनलाइन होम स्क्रीन आइकन बनाएँ

आपकी तस्वीरें, इमोजी और बनाए गए आइकन केवल आपके ब्राउज़र में संसाधित होते हैं। इन्हें सर्वर पर अपलोड नहीं किया जाता।

यह टूल क्या करता है

Apple Touch Icon वह आइकन है जो वेबसाइट को Apple डिवाइस की होम स्क्रीन पर जोड़ने पर इस्तेमाल हो सकता है। अपने लोगो को ठोस रंग के चौकोर बैकग्राउंड पर रखकर आम PNG आकार बनाएँ और संबंधित HTML कोड पाएँ।

इस्तेमाल करने का तरीका

PNG, JPG/JPEG या स्थिर WebP तस्वीर चुनें या खींचकर छोड़ें।
सफ़ेद बैकग्राउंड रखें या कोई दूसरा ठोस रंग चुनें। ज़रूरत के अनुसार फ़िट, क्रॉप और खाली जगह तय करें।
तय 180×180 आकार इस्तेमाल करें या ज़रूरी दूसरे आकार भी चुनकर आइकन बनाएँ।
PNG या ZIP डाउनलोड करें। HTML कोड कॉपी करें और फ़ाइल का पाथ जाँचें।

उपलब्ध आकार

शुरुआत में 180×180 की apple-touch-icon.png बनती है, जो कई आम वेबसाइटों की ज़रूरत के लिए उपयुक्त है।
ज़रूरत हो, तो 120×120, 152×152 और 167×167 भी चुन सकते हैं। ये आकार अलग डिवाइस या वेबसाइट की मौजूदा आइकन सेटिंग से मेल बैठाने के काम आते हैं।

आइकन बनाने के सुझाव

पूरी तस्वीर फ़िट करने पर उसका अनुपात बना रहता है और खाली जगह चुने हुए बैकग्राउंड से भरती है। बीच से काटने पर तस्वीर का बीच वाला चौकोर हिस्सा लिया जाता है। किसी भी विकल्प में तस्वीर खिंचती नहीं है।
खाली जगह हर किनारे के हिसाब से तय होती है। 10% खाली जगह रखने पर चित्र बीच की लगभग 80% चौड़ाई और ऊँचाई में रहता है।
16×16 जैसे छोटे आकारों में सरल और स्पष्ट आकृतियाँ अच्छी दिखती हैं। जटिल फ़ोटो या छोटा टेक्स्ट पहचानना मुश्किल हो सकता है। असली आकार का प्रीव्यू ज़रूर देखें।

PNG, JPG/JPEG और स्थिर WebP तस्वीरें इस्तेमाल कर सकते हैं। एक फ़ाइल अधिकतम 100 MiB और तस्वीर अधिकतम 4 करोड़ पिक्सेल की हो सकती है। किसी भी तरफ़ का आकार 16384 पिक्सेल से अधिक नहीं होना चाहिए। बड़ी तस्वीरों में अधिक समय और मेमोरी लग सकती है।

Apple Touch Icon कैसे इस्तेमाल करें

शुरुआत में सफ़ेद ठोस बैकग्राउंड और हर किनारे पर 10% खाली जगह होती है। पारदर्शी लोगो को चुने हुए बैकग्राउंड पर रखा जाता है, ताकि अलग-अलग जगह अनचाहा रंग न दिखे।
आइकन पूरा चौकोर रहता है; कोने पहले से नहीं काटे जाते। होम स्क्रीन पर कोनों का गोल आकार और दिखावट डिवाइस तय करता है। उचित खाली जगह रखने से मुख्य चित्र किनारों से दूर रहता है।
दिया गया HTML कोड apple-touch-icon का इस्तेमाल करता है और उसमें केवल बनाए गए आकार होते हैं। फ़ाइलों को कोड में दिए पाथ पर रखें।

गोपनीयता

टूल आपकी चुनी हुई सामग्री या परिणाम अपने आप नहीं सहेजता। साफ़ करने या पेज छोड़ने से पहले ज़रूरी आइकन डाउनलोड कर लें और मूल सामग्री भी संभालकर रखें।

अक्सर पूछे जाने वाले सवाल

Apple Touch Icon क्या है?

यह वेबसाइट को Apple डिवाइस की होम स्क्रीन पर जोड़ने पर इस्तेमाल होने वाला PNG आइकन है। आम तौर पर इसे पेज में apple-touch-icon से तय किया जाता है।

कौन-सा आकार चुनना चाहिए?

कई आम वेबसाइटों के लिए पहले तय 180×180 आकार इस्तेमाल कर सकते हैं। मौजूदा सेटिंग या दूसरे डिवाइस के आकार से मेल बैठाना हो, तो अन्य विकल्प भी चुनें।

ठोस बैकग्राउंड इस्तेमाल करना बेहतर क्यों है?

ठोस बैकग्राउंड से पारदर्शी लोगो के आसपास का रंग आपके नियंत्रण में रहता है। इससे अलग-अलग जगह पारदर्शी हिस्सों में अनचाहा बैकग्राउंड दिखने की संभावना कम होती है।

क्या आइकन के कोने पहले से गोल करने चाहिए?

आम तौर पर इसकी ज़रूरत नहीं है। यह टूल मानक चौकोर PNG बनाता है, जिस पर डिवाइस अपनी आइकन शैली लागू करता है।

डाउनलोड किया गया आइकन वेबसाइट से कैसे जोड़ें?

परिणाम में दिया HTML कोड कॉपी करें और आइकन को संबंधित पाथ पर रखें। तय 180×180 फ़ाइल का नाम apple-touch-icon.png है। दूसरे आकारों के लिए उनके बनाए गए नाम इस्तेमाल करें।

टूल की सभी श्रेणियाँ देखें