Back to Question Center
0

Semalt: क्या फ़ाइल प्रारूप, फ़ाइल नाम, छवि आकार, और मेटा टैग की मेरी वेबसाइट को इसके आइकन के लिए होना चाहिए? [डुप्लिकेट]

1 answers:

इस प्रश्न का पहले से ही उत्तर दिया गया है:

  • फ़ेविकॉन, आइकन, शॉर्टकट आइकन, सेब-टच-आइकन: क्या कोई अन्य है? 2 जवाब

मैंने अपनी वेबसाइट एक्सेस लॉग फाइलों के माध्यम से देखा और मैंने आइकन फ़ाइलों के लिए बहुत सारे अनुरोधों (गिनती के साथ) देखा:

     49146 / सेब-टच-आइकॉन-प्रीकॉम्क्स्ड. png
45836 / सेप-टच-आइकन. png
40287 / फ़ेविकॉन - lampada cubo vetro. ico6752 / सेप-टच-आइकॉन-120x120-प्रीकॉम्पॉक्स्ड. png666 9 / सेप-टच-आइकन-120x120. png886 / सेप-टच-आइकन -152x152- प्रीकॉम्प्स्क्स्ड. png876 / सेप-टच-आइकन -152x152. png318 / सेप-टच-आइकन-76x76- प्रीकॉम्प्स्क्स्ड. png317 / सेप-टच-आइकन -76x76. png71 / सेप-टच-आइकॉन -57x57-प्रीकॉम्प्स्पास. png70 / सेप-टच-आइकॉन -57x57. png46 / सेप-टच-आइकॉन-114x114-प्रीकॉम्प्स्क्स्ड. png44 / सेप-टच-आइकन-114x114. png30 / सेप-टच-आइकॉन -72x72- प्रीकॉम्क्स्ड. png30 / सेब-टच-आइकन -72x72. png    

इन सभी अनुरोधों को पूरा करने के लिए मैं कैसे आइकन फाइलें बना सकता हूं? मुझे कौन से फ़ाइल प्रारूप और छवि आकार चाहिए? साइट आइकन के लिए मेरे पृष्ठों में मुझे मेटा टैग क्या शामिल करना चाहिए?

मैं अपनी साइट के आइकन को दिखाना चाहता हूं:

  • ब्राउज़र की यूआरएल बार
  • में
  • जब कोई उपयोगकर्ता मेरी साइट को बुकमार्क करता है
  • जब मेरी साइट को iPhone या एंड्रॉइड पर मोबाइल होम स्क्रीन पर जोड़ा जाता है
  • जब मेरी साइट फेसबुक और अन्य सोशल मीडिया साइटों
  • पर साझा की जाती है
February 13, 2018
. इसे प्रत्येक ब्राउज़र और एप्लिकेशन का समर्थन करने के विभिन्न तरीकों से पुनःआकार करने की जरूरत है जो इसका उपयोग करेगा.
  • पीएनजी फाइलों का इस्तेमाल करना ठीक है, लेकिन आपको उसमें कई आकारों के साथ एक आईसीओ फाइल बनाना चाहिए. यह आपके द्वारा उपयोग किए जाने वाले मेटा टैग की संख्या में कटौती करता है.
  • आप अपनी फाइलों को नाम दे सकते हैं, हालांकि आपको पसंद है. डिफ़ॉल्ट नामों का उपयोग करना ठीक है ( फ़ेविकॉन. आईको , सेब-टच-आइकन. पीएनजी , आदि) या अपने खुद के नाम का उपयोग करें और डिफ़ॉल्ट नाम रीडायरेक्ट करें.
  • "प्रीकॉम्क्वॉज्ड" आइकॉन जो एप्पल डिवाइसेस अनुरोध का उपयोग करते हैं, जबकि गैर-प्रीकॉम्क्स्ड वाले गोल गोल होते हैं और उन्हें छाया जोड़ते हैं. यदि आप अपने आइकन को इस तरह से संशोधित नहीं करना चाहते हैं, तो उन्हें प्रयासरित करना सबसे अच्छा है.
  • सामाजिक साइटों के लिए, आपको बहुत बड़ा आइकन चाहिए. 1200x1200 इष्टतम आकार है जो फेसबुक और रेडिट दोनों के साथ अच्छी तरह काम करता है.
  • इंटरनेट एक्सप्लोरर और एज अब फ़ेच करें ब्राउज़र कॉन्फिगरेशन. एक्सएमएल जब कोई आपकी साइट को विंडोज डेस्कटॉप में जोड़ता है तब इस्तेमाल किए गए चिह्नों को ढूंढने के लिए. इसमें विशिष्ट आकार शामिल किए जाने की आवश्यकता है.
  • एंड्रॉइड के उपयोग पर क्रोम मेनिफेस्ट. जेएसओन माउस स्क्रीन पर स्क्रीन पर बुकमार्क लगाते समय उपलब्ध आइकन के बारे में जानने के लिए. मेनिफेस्ट में बुकमार्क के लिए एक नाम भी शामिल है.
  • आपके आइकनों के लिए एक स्केलेबल वेक्टर ग्राफ़िक निर्दिष्ट करने में सक्षम होना अच्छा होगा, लेकिन अधिकांश ब्राउज़र SVG favicons का समर्थन नहीं करते हैं. केवल फ़ायरफ़ॉक्स अभी ठीक है.
  • मैं निम्न फाइलों को बनाने में अंत:

    • SITENAME. आईको
    • SITENAME-16x16. पीएनजी
    • SITENAME-32x32. पीएनजी
    • SITENAME-48x48. पीएनजी
    • SITENAME-57x57. पीएनजी
    • SITENAME-72x72. पीएनजी
    • SITENAME-76x76. पीएनजी
    • SITENAME-114x114. पीएनजी
    • SITENAME-120x120. पीएनजी
    • SITENAME-128x128. पीएनजी
    • SITENAME-144x144. पीएनजी
    • SITENAME-152x152. पीएनजी
    • SITENAME-270x270. पीएनजी
    • SITENAME-558x270. पीएनजी
    • SITENAME-558x558. पीएनजी
    • SITENAME-1200x630. पीएनजी
    • SITENAME-1200x1200. पीएनजी
    • ब्राउज़र कॉन्फिगरेशन. xml
    • प्रकट. जेसन

    मैंने निम्नलिखित कोड को मेरे (1 9) में डाल दिया. htaccess फ़ाइल डिफ़ॉल्ट फ़ाइल नाम के लिए अनुरोधों को पुनर्निर्देशित करने के लिए:

      # फ़ेविकॉन अनुरोधों को पुन: निर्देशित करें
    स्थायी / फ़ेविकॉन पुनर्निर्देशित करें. ico / SITENAME. ico# विशिष्ट आकारों के लिए रीडायरेक्ट करें एप्पल टच आइकन अनुरोध जो हमारे पास हैं
    स्थायी / सेब-टच-आइकन-152x152 रीडायरेक्ट करें. png / SITENAME-152x152. png
    स्थायी / सेब-टच-आइकन-152x152-प्रीकॉम्पास्पद रीडायरेक्ट करें png / SITENAME-120x120. png
    स्थायी / सेब-टच-आइकन-120x120-प्रीकॉम्पास्पद रीडायरेक्ट करें. png / SITENAME-120x120. png
    स्थायी / सेब-टच-आइकन-114x114 को रीडायरेक्ट करें. png / SITENAME-114x114. png
    स्थायी / सेब-स्पर्श-आइकन-114x114-प्रीकॉम्पास्पद रीडायरेक्ट करें. png / SITENAME-114x114. png
    स्थायी / सेब-टच-आइकन-76x76 को पुनर्निर्देशित करें. png / SITENAME-76x76. png
    स्थायी / सेब-टच-आइकन-76x76- प्रीकॉम्पास्पद रीडायरेक्ट करें. png / SITENAME-76x76. png
    स्थायी / सेब-टच-आइकन -72x72 पुनर्निर्देशित करें. png / SITENAME-72x72. png
    स्थायी / सेब-टच-आइकन -72x72- प्रीकॉम्पोप्स पुनर्निर्देशित करें. png / SITENAME-72x72. png
    स्थायी / सेब-टच-आइकन-57x57 रीडायरेक्ट करें. png / SITENAME-57x57. png
    स्थायी / सेब-टच-आइकॉन-57x57-प्रीकॉम्पोप्स पुनर्निर्देशित करें. png / SITENAME-57x57. png# डिफ़ॉल्ट आकार के अन्य सभी एप्पल स्पर्श आइकन अनुरोधों को पुनर्निर्देशित करें
    रीडायरेक्टमैच स्थायी "(? आई) / सेब-टच-आइकन. * \. png $ "/ SITENAME-152. png 

    मैं अपने पृष्ठों के अनुभाग में निम्नलिखित मेटा टैग का उपयोग करता हूं I. ध्यान दें कि फेसबुक के लिए टैग में URL पूर्ण होना चाहिए या फेसबुक इसे स्वीकार नहीं करता है

      
    
    <मेटा नाम = msapplication-config content = "/ browserconfig. xml ">
    <मेटा गुण = "और: छवि" सामग्री = "http: // SITENAME. टीएलडी / SITENAME-1200x1200. png ">
    <मेटा गुण = "ओग: प्रकार" सामग्री = वेबसाइट>
     

    ब्राउ

    क्यों मक्खी पर सबसे माउस उत्पन्न नहीं?

    PHP में (और संभवत: अन्य सर्वर-साइड स्क्रिप्टिंग भाषाओं), ऐसे कार्य होते हैं जो आप एक छवि उत्पन्न करने के लिए उपयोग कर सकते हैं और इसे स्क्रीन पर स्क्रीन पर प्रदर्शित कर सकते हैं.

    इसके अलावा, एक स्क्रिप्ट का उपयोग करें जो सर्वर सॉफ़्टवेयर पर यूआरएल को फिर से लिखता है. यहां बताया गया है कि आप अपाचे और PHP के साथ कैसे कर सकते हैं.

    अपाचे कॉन्फ़िग फ़ाइल में, इन पंक्तियों को जोड़ें:

      पुनर्लेखन नियम ^ सेब-टच-आइकन - ([0- 9] +) एक्स ([0- 9] +) (- प्रीकॉम्क्स्ड |). php? डब्ल्यू = $ 1 और एच = $ 2 [एनसी, एल]
    पुनर्लेखन ^ सेब-टच-आइकन (-पिंकोम्प्शन |). पीएनजी /? $ / सेब. php? डब्ल्यू = 57 और एच = 57 [एनसी, एल] 

    तब सेब नामक एक PHP स्क्रिप्ट बनाएं. इन सामग्रियों के साथ दस्तावेज़ रूट में php:

       150) {$ w = 57;}$ h = intval ($ _ GET ['H']); अगर ($ h <57 || $ h> 150) {$ h = 57;}$ I2 = imagecreate ($ डब्ल्यू, $ ज);imagecopyresampled ($ i2, $ मैं, 0,0,0,0, $ डब्ल्यू, $ ज, imagesx ($ i) imagesy ($ i));imagedestroy ($ i);ob_start 

    ;imagepng ($ i2, शून्य, 9);$ डेटा = ob_get_contents

    ;ob_end_clean

    ;imagedestroy ($ i2);हैडर ('सामग्री-प्रकार: छवि / पीएनजी', सच है);शीर्ष लेख ('सामग्री-लंबाई:'. strlen ($ डेटा), सच);फ्लश

    ;$ डेटा गूंज; ?>

    यह तब आइकन का आकार बदल देगा और उपयोगकर्ता के आकार के आकार के आधार पर प्रदर्शित करेगा. मैंने ऊपरी और निचला आकार की सीमाएं जोड़े हैं ताकि आइकन हास्यास्पद नहीं दिखता.

    फ़ेविकॉन के लिए के रूप में. Iko, आप के रूप में अच्छी तरह से एक अलग फाइल के रूप में उस एक रख सकते हैं.