როგორ დააზუსტოთ გამოსახულების ზომები WordPress- ში (GTmetrix პუნქტი)

უნდა მიუთითეთ გამოსახულების ზომები WordPress- ში?


ეს ნიშნავს, რომ თქვენ უნდა დაამატოთ სიგანე და სიმაღლე სურათის HTML ან CSS. თუ გამოსახულებას არ აქვს გამოსახულების ზომები, ის შეცდომა გამოჩნდება თქვენს GTmetrix ანგარიშში, ხოლო GTmetrix- ი გეტყვით სწორ სიგანეს და სიმაღლეს, რომელიც უნდა დაემატოს ამ სურათს.

მიუთითეთ გამოსახულების ზომები WordPress

ყველაფერი რაც თქვენ უნდა გააკეთოთ არის თქვენი WordPress საიტზე განთავსება, მისი HTML ნახვა, შემდეგ დაამატეთ სიგანე და სიმაღლე:

1. იპოვნეთ გამოსახულების განზომილების შეცდომები GTmetrix– ში

GTmetrix აჩვენებს შეცდომებს მხოლოდ ერთი გვერდის შესამოწმებლად.

ნებისმიერი გვერდის გაშვება GTmetrix– ის მეშვეობით და მას შემდეგ რაც გამოსახულებებს აქვს გამოსახული გამოსახულების განზომილების შეცდომები.

მიუთითეთ გამოსახულების ზომები GTmetrix

2 დააკოპირეთ გამოსახულების სიგანე + სიმაღლე GTmetrix– დან

შემდეგი, დააკოპირეთ სურათის სიგანე + სიმაღლე (გათვალისწინებულია GTmetrix).

GTmetrix გამოსახულების ზომები

3. იპოვნეთ სურათი თქვენს ვებ – გვერდზე

ახლა ჩვენ უნდა დავაფიქსიროთ სურათი თქვენს WordPress საიტზე.

WordPress ვიზუალური რედაქტორი ავტომატურად განსაზღვრავს სურათის განზომილებებს თქვენთვის, ასე რომ, აქ ჩვეულებრივ არ არის შეცდომები სურათებისთვის. ამასთან, თქვენი ვებსაიტის ზოგიერთ რაიონში შეიძლება ავტომატურად არ დაუკონკრეტოთ გამოსახულების ზომები (შესაძლოა, გვერდების შემქმნელები, სლაიდერები, ვიჯეტები და ხელით კოდირებული HTML ან CSS). თქვენ უნდა ვისწავლოთ რომელი ფართობი თქვენი WordPress საიტის შეცდომებს უქმნის შეცდომებს.

დაადგინეთ WordPress ვიჯეტის სურათი

მიუთითეთ გამოსახულების ზომები ვიჯეტის შესახებ

4. სურათის HTML დაამატეთ სიგანე + სიმაღლე

სურათის დაფიქსირების შემდეგ, ნახავთ HTML- ს და შეამჩნევთ, რომ არ არის მითითებული სიგანე + სიმაღლე. ყველაფერი რაც თქვენ უნდა გააკეთოთ, შეიყვანეთ HTML– ში მსგავსი: სიგანე = ”135 ″ სიმაღლე =” 135 ″

მიუთითეთ გამოსახულების ზომები WordPress

5. გადაამოწმეთ გვერდი GTmetrix– ში

შეინახეთ ცვლილებები და გადააკეთეთ გვერდი GTmetrix– ის საშუალებით. სურათი, რომელსაც შეცდომები ჰქონდა, უნდა დაფიქსირდეს.

100% მიუთითეთ გამოსახულების ზომები

6. გამოიყენეთ გამოსახულების ზომები მოდული

მიუთითეთ გამოსახულების ზომები მოდული თქვენი საიტის სკანირებას ყველასთვის წარწერები, რომლებსაც არ აქვთ სიგანე + სიმაღლე და ავტომატურად ამატებენ მათ. ამასთან, ამ მოდულით წარმატებები არ მქონია.

მიუთითეთ გამოსახულების ზომები მოდული

7. დააფიქსირეთ გამოსახულების განზომილების შეცდომები მრავალ გვერდზე

იგივე სურათი ჩანს მრავალ გვერდზე / პოსტზე და აქვს გამოსახული გამოსახულების განზომილების შეცდომები?

თქვენ შეგიძლიათ გამოიყენოთ უკეთესი ძებნა ჩანაცვლების მოდული თქვენი ლოგოს, ვიჯეტის სურათების და სხვა სურათების დასაფიქსირებლად, მრავალ გვერდზე, მათ გარეშე ინდივიდუალურად გასვლის გარეშე. მას შეუძლია დაზოგოს დრო.

Ნაბიჯი 1: დააინსტალირეთ უკეთესი ძებნა შეცვალეთ მოდული.

ნაბიჯი 2: ველში “მოძებნეთ” დაამატეთ სურათის HTML მითითებული სიგანე + სიმაღლის გარეშე. “ჩანაცვლება ერთად” ველში დაამატეთ სურათის ახალი ვერსია, რომელიც მოიცავს სიგანე + სიმაღლეს.

ნაბიჯი 3: შეარჩიეთ ცხრილი (ებ) ები, რომლითაც გსურთ მოდული დაათვალიეროთ და შეცვალოთ სურათები. თქვენ შეგიძლიათ გააკეთოთ მშრალი გაშვება, თუ გსურთ გამოსცადოთ იგი, წინააღმდეგ შემთხვევაში წაშალეთ ეს ვარიანტი და დააჭირეთ ღილაკს “ძებნა / შეცვლა”.

უკეთეს სურათებს შეცვალეთ

ნაბიჯი 4: მოდული აწარმოებს ძიებას / შეცვლის სურათს თქვენს მიერ არჩეულ ყველა მაგიდაზე. დასრულების შემდეგ, Better Search Replace გითხრათ, რამდენი ცხრილი დაასათაურა და რამდენი სურათი შეცვალა.

სხვა სურათები ოპტიმიზაცია

მე დავწერე სრული სამეურვეო შესახებ სურათების ოპტიმიზაცია WordPress- ში რომელიც შეიცავს:

  • შეკუმშვის სურათები
  • სურათების მომსახურება CDN- ის საშუალებით
  • ზომის შეცვლა GIFS
  • EXIF მონაცემების წაშლა
  • ზარმაცი დატვირთვის სურათები + ვიდეო
  • Cloudflare Mirage, პოლონური, Hotlink დაცვა

გამოსახულების ოპტიმიზაცია GTmetrix- ში

ვეძებთ WordPress- ის სიჩქარის გაკვეთილებს?
აქ არის სხვა გაკვეთილები, რომლებიც დავწერე:

  • როგორ დავაყენოთ WP სარაკეტო (ქეშის მოდული გირჩევთ)
  • Cloudways vs. SiteGround (ორი საუკეთესო მასპინძელი, რომელსაც გირჩევთ)
  • როგორ მივიღე 100% GTmetrix ქულები (WordPress სიჩქარის სახელმძღვანელო)

ასევე მაქვს შესანიშნავი ვიდეო WordPress– ის სიჩქარის ოპტიმიზაციასთან დაკავშირებით:

ვიმედოვნებ, რომ ამ სახელმძღვანელომ დაგეხმარა და თქვენ აღარ მიუთითებთ გამოსახულების განზომილების შეცდომებს!

ხშირად დასმული შეკითხვები

&# x2705; როგორ მიუთითეთ გამოსახულების ზომები?

იპოვნეთ შეცდომა GTmetrix– ში და გაითვალისწინეთ სურათის შესაბამისი სიგანე + სიმაღლე (გათვალისწინებულია GTmetrix– ით). შემდეგი, იპოვნეთ სურათი თქვენს WordPress დაფაზე და ნახეთ მისი HTML კოდი. შემდეგი, სურათის HTML დაამატეთ სიგანე + სიმაღლე. მაგალითი: სიგანე = ”680 ″ სიმაღლე =” 340

&# x2705; სად შეიძლება ვიპოვო სურათის სწორი ზომა?

GTmetrix გეტყვით სურათების სწორ ზომებს, რომლებსაც არ აქვთ მითითებული სიგანე + სიმაღლე დაზუსტება გამოსახულების ზომების ქვეშ.

&# x2705; როგორ შეგიძლიათ ოპტიმიზაცია სურათები GTmetrix- ში?

ეს ნიშნავს, რომ თქვენ უნდა დაკარგოთ კომპრესები სურათების დანამატის გამოყენებით, როგორიცაა ShortPixel ან Imagify. მე ვიყენებ ShortPixel- ს.

&# x2705; როგორ ემსახურება მასშტაბურ სურათებს?

თუ თქვენ გაქვთ სერვისული მასშტაბის გამოსახულების შეცდომები GTmetrix– ში, თქვენ ნიშნავს, რომ ატვირთავთ სურათებს, რომლებიც ძალიან დიდია და მათი ზომების შეცვლა აუცილებელია. თქვენი სლაიდები, პორტფელის სურათები, ვიჯეტის სურათები, ბლოგის მთლიანი სიგანის სურათები და თქვენი ვებ – გვერდის სხვა განყოფილებები სპეციფიკურ ზომებს ითხოვენ. თქვენ უნდა ატვირთოთ სურათები, სანამ ატვირთავთ მათ, რომ მოერგოს მათ.

გამომიგზავნეთ კომენტარი, თუ ჯერ კიდევ გაქვთ შეკითხვები.

Გაუმარჯოს,
ტომ

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