वर्डप्रेस में छवि आयाम कैसे निर्दिष्ट करें (GTmetrix आइटम)

करने की जरूरत है छवि आयाम निर्दिष्ट करें वर्डप्रेस में?


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

छवि आयाम वर्डप्रेस निर्दिष्ट करें

आपको बस इतना करना है कि अपने वर्डप्रेस साइट पर छवि का पता लगाएं, इसे HTML देखें, फिर इस तरह एक चौड़ाई और ऊंचाई जोड़ें:

1. GTmetrix में छवि आयाम त्रुटियों को निर्दिष्ट करें

GTmetrix केवल आपके द्वारा परीक्षण किए गए एकल पृष्ठ की त्रुटियों को दिखाता है.

GTmetrix और seewhich छवियों के माध्यम से किसी भी पृष्ठ को चलाएं छवि आयाम त्रुटियों को निर्दिष्ट किया है.

छवि आयाम GTmetrix निर्दिष्ट करें

2 जीटीमेट्रिक्स से छवि की चौड़ाई + ऊँचाई की प्रतिलिपि बनाएँ

अगला, छवि की चौड़ाई + ऊंचाई (GTmetrix द्वारा प्रदान) की प्रतिलिपि बनाएँ.

जीटीमेट्रिक्स छवि आयाम

3. आपकी वेबसाइट पर छवि का पता लगाएँ

अब हमें आपकी वर्डप्रेस साइट पर छवि का पता लगाने की आवश्यकता है.

वर्डप्रेस दृश्य संपादक स्वचालित रूप से आपके लिए छवि आयाम निर्दिष्ट करता है, इसलिए आमतौर पर यहां छवियों के लिए कोई त्रुटि नहीं है। हालाँकि, आपकी वेबसाइट के कुछ क्षेत्र छवि आयामों को स्वचालित रूप से निर्दिष्ट नहीं कर सकते हैं (संभवतः पृष्ठ बिल्डरों, स्लाइडर्स, विगेट्स और हाथ से कोड किए गए HTML या सीएसएस)। जो आपको सीखने की जरूरत है क्षेत्र आपकी वर्डप्रेस साइट आपको त्रुटियां दे रही है.

वर्डप्रेस विजेट छवि का पता लगाएं

छवि आयाम विजेट निर्दिष्ट करें

4. छवि के HTML में चौड़ाई + ऊँचाई जोड़ें

एक बार जब आप छवि को स्थित कर लेते हैं, तो उसे HTML देखें और आप एक निर्दिष्ट चौड़ाई + ऊँचाई पर ध्यान नहीं देंगे। आपको बस इतना करना है कि इन्हें HTML में इस तरह डालें: चौड़ाई = “135 = ऊंचाई =” 135 ″

छवि आयाम वर्डप्रेस निर्दिष्ट करें

जीटीमेट्रिक्स में पेज को फिर से लिखें

परिवर्तन सहेजें और GTmetrix के माध्यम से पृष्ठ को फिर से चलाएँ। जिस छवि में त्रुटियां थीं, उसे ठीक किया जाना चाहिए.

100% छवि आयाम निर्दिष्ट करें

6. छवि आयाम प्लग-इन निर्दिष्ट करें का उपयोग करें

छवि आयाम प्लगइन निर्दिष्ट करें अपनी साइट को सभी के लिए स्कैन करता है वे टैग जो किसी चौड़ाई + ऊंचाई को याद कर रहे हैं और उन्हें स्वचालित रूप से जोड़ता है। हालाँकि, मुझे इस प्लगइन के साथ सफलता नहीं मिली.

छवि आयाम प्लगइन निर्दिष्ट करें

7. कई पन्नों पर छवि आयाम त्रुटियों को ठीक करें

क्या एक ही छवि कई पृष्ठों / पोस्टों पर दिखाई देती है और इसमें छवि आयाम त्रुटियां हैं?

आप अपने लोगो, विजेट छवियों, और उन छवियों को ठीक करने के लिए बेहतर खोज प्रतिस्थापन प्लगइन का उपयोग कर सकते हैं जो कई पृष्ठों पर व्यक्तिगत रूप से जाने के बिना दिखाई देते हैं। यह समय बचा सकता है.

चरण 1: स्थापित करें बेहतर खोज बदलें प्लगइन.

चरण 2: “खोज” फ़ील्ड में, निर्दिष्ट चौड़ाई + ऊँचाई के बिना छवि का HTML जोड़ें। “बदलें” फ़ील्ड में, उस छवि का नया संस्करण जोड़ें जिसमें चौड़ाई + ऊँचाई शामिल है.

चरण 3: उस तालिका का चयन करें जिसे आप स्कैन करना चाहते हैं और छवियों को बदलना चाहते हैं। यदि आप इसका परीक्षण करना चाहते हैं तो आप एक सूखा रन कर सकते हैं, अन्यथा उस विकल्प को अनचेक करें और “रन सर्च / रिप्लेसमेंट” पर क्लिक करें।

बेहतर खोज छवियाँ बदलें

चरण 4: प्लगइन आपके द्वारा चुनी गई सभी तालिकाओं पर छवि को खोज / बदल देगा। एक बार समाप्त होने के बाद, बेहतर खोज प्रतिस्थापन आपको बताता है कि उसने कितनी तालिकाएँ स्कैन कीं और कितनी छवियों को प्रतिस्थापित किया.

अन्य छवियाँ अनुकूलन

मैंने एक पूर्ण ट्यूटोरियल लिखा WordPress में छवियों का अनुकूलन जो भी शामिल:

  • छवियों का संपीडन
  • सीडीएन के माध्यम से छवियों की सेवा
  • GIFS का आकार बदलना
  • EXIF डेटा निकाल रहा है
  • आलसी लोडिंग चित्र + वीडियो
  • Cloudflare मिराज, पोलिश, हॉटलिंक संरक्षण

जीटीमेट्रिक्स में छवि अनुकूलन

अधिक वर्डप्रेस स्पीड ट्यूटोरियल की तलाश में?
यहाँ अन्य ट्यूटोरियल मैंने लिखे हैं:

  • WP रॉकेट कैसे सेटअप करें (मेरे द्वारा सुझाए गए कैश प्लगइन)
  • Cloudways बनाम SiteGround (मेरे द्वारा सुझाए गए दो शीर्ष होस्ट)
  • मैं 100% GTmetrix स्कोर कैसे प्राप्त किया (वर्डप्रेस स्पीड गाइड)

मेरे पास वर्डप्रेस गति अनुकूलन पर एक भयानक वीडियो भी है:

मुझे उम्मीद है कि इस ट्यूटोरियल ने आपकी मदद की है और आपके पास अब छवि आयाम त्रुटियां नहीं हैं!

बार बार पूछे जाने वाले प्रश्न

&# X2705; आप एक छवि के आयामों को कैसे निर्दिष्ट करते हैं?

GTmetrix में त्रुटि का पता लगाएं और छवि की उचित चौड़ाई + ऊंचाई नोट करें (GTmetrix द्वारा प्रदान की गई)। इसके बाद, अपने वर्डप्रेस डैशबोर्ड में छवि का पता लगाएं और देखें कि यह HTML कोड है। इसके बाद, छवि के HTML में एक चौड़ाई + ऊंचाई जोड़ें। उदाहरण: चौड़ाई = ”680 680 ऊँचाई =” 340 680

&# X2705; मुझे सही छवि आकार कहां मिल सकता है?

जीटीमेट्रिक्स आपको उन छवियों के सही आयाम बताता है जिनके पास निर्दिष्ट आयाम + ऊंचाई नहीं है, छवि चित्र को निर्दिष्ट करें.

&# X2705; आप GTmetrix में इमेजेस को कैसे ऑप्टिमाइज़ करते हैं?

इसका मतलब है कि आपको ShortPixel या Imagify जैसे प्लगइन का उपयोग करके छवियों को दोषरहित रूप से संपीड़ित करने की आवश्यकता है। मैं ShortPixel का उपयोग करता हूं.

&# X2705; आप स्केल की गई छवियों की सेवा कैसे करते हैं?

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

यदि आप अभी भी प्रश्न पूछना चाहते हैं तो मुझे एक टिप्पणी दें.

चियर्स,
टॉम

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map