वेबसाइट में आइकन कैसे जोड़ें iPhone, आईपैड और आईपॉड टच

Favicon.ico - ब्राउज़र में वेबसाइट आइकन

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

Stealth Settings Favicon
Stealth Settings फ़ेविकॉन में Safari
ओपेरा में Favicon
ओपेरा में Favicon

कुछ समय पहले तक, यह फ़ाइल आकार में थी "favicon.ico", वेब ब्राउज़र द्वारा पहचाना जाना है। क्रोम, इंटरनेट एक्सप्लोरर, ओपेरा, Safari, फ़ायरफ़ॉक्स, आदि।
कई सालों के लिए, नई वेब भाषाओं को आगे बढ़ाने के साथ, HTML5 si CSS3एक, Favicons हो सकता है .png फ़ाइल या Jpg.। हालत यह है कि साइट के शीर्षक है इससे पहलेइस लाइन रहें:

आईओएस के लिए वेबसाइट आइकन - iPhone, आईपैड और आईपॉड टच

In iOS हम जोड़ सकते हैं वेब पेज शॉर्टकट pe होम स्क्रीनसीपीसी iPhone, iPad si आइपॉड टच.

वेबसाइट पर शॉर्टकट कैसे जोड़ें iPhone, iPad और iPod होम स्क्रीन

हम इसे पर एक वेब पेज खोलकर करते हैं iPhone (Safari, क्रोम, आदि इंटरनेट ब्राउज़र), तीर के साथ वर्ग पर क्लिक करें (आईओएस में "शेयर" के लिए संकेत), फिर विकल्प "Add होम स्क्रीन के लिए".

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

के लिए वेब आइकन कैसे जोड़ें iPhone, आईपैड और एंड्रॉइड।

पहला कदम है एक छवि आइकन बनानेपर दिखाई देते हैं कि होम स्क्रीनसीपीसी iDevice समुदाय। वेब आइकन के लिए सभी उपकरणों पर और स्पष्ट रूप से देखने के लिए संगत है, हम छवि बनाने चाहिए के सभी संकल्पों के लिए iPhone और आईपैड.

के लिए संकल्प और मानक आइकन आकार iPhone, आईपैड, आईपॉड और एंड्रॉइड

  • Modeका क्लासिक लेले iPhone / आइपॉड = 57 × 57
  • iPad = 76 × 76
  • iPhone / आइपॉड रेटिना = १२० × १२०
  • iPad रेटिना = 152 × 152
  • iPhone 6/6एस प्लस = 180 × 180

Apple नियमित रूप से अद्यतन अनुशंसित आइकन आकारसाइटें अनुप्रयोगों si वेब पृष्ठों pe यह पेज.

उपकरणों Android के लिए, माउस के दो आयाम हैं:

  • Android क्लासिक = 128 × 128
  • उच्च रिज़ॉल्यूशन वाला Android (hi-res) = 192 × 192
माउस

चित्र बनाने के बाद, इसे बंद करने से पहले, इसे वेब सर्वर और वेबसाइट के HTML स्रोत में अपलोड किया जाता है निम्नलिखित पंक्तियों को जोड़ा गया है:

<लिंक href=”/apple-टच-आइकन.पीएनजी "रिल ="apple-टच-आइकन ”/> <लिंक href=”/apple-टच-आइकन-७६ × ७६.png ”rel =”apple-टच-आइकन "आकार =" 76 × 76 /> <लिंक href=”/apple-टच-आइकन-७६ × ७६.png ”rel =”apple-टच-आइकन "आकार =" 120 × 120 /> <लिंक href=”/apple-टच-आइकन-७६ × ७६.png ”rel =”apple-टच-आइकन "आकार =" 152 × 152 /> <लिंक href=”/apple-टच-आइकन-७६ × ७६.png ”rel =”apple-टच-आइकन "आकार =" 180 × 180 />

उपकरणों के लिए Apple.PNG छवि नाम और "rel =" में उपसर्ग होना चाहिए "apple- “। Android के लिए, फ़ाइल नाम "आइकन hires.png"और"आइकन normal.png"Rel =" आइकन के साथ।

प्रत्येक रिज़ॉल्यूशन के लिए चित्र बनाना बिल्कुल आवश्यक नहीं है। आप उच्चतम रिज़ॉल्यूशन के लिए एक छवि बना सकते हैं, और कम रिज़ॉल्यूशन वाले डिवाइस इसे पहचानेंगे और इसे एक आइकन के रूप में सेट करेंगे।

iPhone-वेबसाइट-आइकन

वेबसाइट का शॉर्टकट आइकन किसी भी तरह दिखेगा आईओएस के लिए आवेदन पत्र.

प्रौद्योगिकी के प्रति जुनूनी होने के कारण मैं इस पर मजे से लिखता हूं StealthSettings2006 से .com। मुझे ऑपरेटिंग सिस्टम में व्यापक अनुभव है: macOS, Windows एसआई Linux, लेकिन प्रोग्रामिंग भाषाओं और ब्लॉगिंग प्लेटफ़ॉर्म में भी (WordPress) और ऑनलाइन स्टोर के लिए (WooCommerce, मैगेंटो, प्रेस्टाशॉप)।

कैसे करें » iHowTo » iHowTo - आईओएस » वेबसाइट में आइकन कैसे जोड़ें iPhone, आईपैड और आईपॉड टच
एक टिप्पणी छोड़ दो