Jak określić wymiary obrazu w WordPress (element GTmetrix)

Potrzebować określ wymiary obrazu w WordPress?


Oznacza to, że musisz dodać szerokość i wysokość do obraz HTML lub CSS. Jeśli obraz nie ma określonych wymiarów obrazu, pojawi się jako błąd w raporcie GTmetrix, a GTmetrix powie ci nawet prawidłową szerokość i wysokość, które należy dodać do tego obrazu.

Określ wymiary obrazu WordPress

Wystarczy zlokalizować obraz w witrynie WordPress, wyświetlić go w formacie HTML, a następnie dodać szerokość i wysokość, tak jak to:

1. Znajdź Określ błędy wymiarów obrazu w GTmetrix

GTmetrix pokazuje błędy tylko dla testowanej pojedynczej strony.

Uruchom dowolną stronę przez GTmetrix, a niektóre obrazy mają określone błędy wymiarów obrazu.

Określ wymiary obrazu GTmetrix

2 Skopiuj szerokość obrazu + wysokość z GTmetrix

Następnie skopiuj szerokość obrazu + wysokość (dostarczone przez GTmetrix).

Wymiary obrazu GTmetrix

3. Znajdź obraz na swojej stronie internetowej

Teraz musimy zlokalizować obraz na twojej stronie WordPress.

The Edytor wizualny WordPress automatycznie określa wymiary obrazu, więc zwykle nie ma tutaj błędów. Jednak niektóre obszary Twojej witryny mogą nie określać automatycznie wymiarów obrazu (być może programy budujące strony, suwaki, widżety i ręcznie kodowany HTML lub CSS). Musisz się dowiedzieć, które powierzchnia Twojej witryny WordPress daje ci błędy.

Znajdź obraz widżetu WordPress

Określ widżet wymiarów obrazu

4. Dodaj szerokość + wysokość do kodu HTML obrazu

Po zlokalizowaniu obrazu wyświetl go w formacie HTML, a zauważysz, że nie ma określonej szerokości + wysokości. Wszystko, co musisz zrobić, to wstawić je do HTML w następujący sposób: szerokość = ”135 ″ wysokość =” 135 ″

Określ wymiary obrazu WordPress

5. Ponownie przetestuj stronę w GTmetrix

Zapisz zmiany i ponownie uruchom stronę za pomocą GTmetrix. Obraz, który zawierał błędy, powinien zostać naprawiony.

100% Określ wymiary obrazu

6. Użyj wtyczki Specify Image Dimensions

The Określ wtyczkę Wymiary obrazu skanuje witrynę w poszukiwaniu wszystkich tagi, które nie mają szerokości + wysokości i dodają je automatycznie. Jednak nie udało mi się z tą wtyczką.

Określ wtyczkę Wymiary obrazu

7. Napraw Określ błędy wymiarów obrazu na wielu stronach

Czy ten sam obraz pojawia się na wielu stronach / postach i ma określone błędy wymiarów obrazu?

Możesz użyć wtyczki Lepsze wyszukiwanie Zastąp, aby naprawić swoje logo, obrazy widżetów i inne obrazy, które pojawiają się na wielu stronach bez konieczności przeglądania ich indywidualnie. Może zaoszczędzić czas.

Krok 1: Zainstaluj Lepsze wyszukiwanie Zastąp wtyczkę.

Krok 2: W polu „Wyszukaj” dodaj kod HTML obrazu bez określonej szerokości + wysokości. W polu „Zamień na” dodaj nową wersję obrazu, która zawiera szerokość + wysokość.

Krok 3: Wybierz tabele, w których wtyczka ma skanować, i zamień obrazy. Możesz wykonać próbę próbną, jeśli chcesz ją przetestować, w przeciwnym razie odznacz tę opcję i kliknij „Uruchom wyszukiwanie / zamień”.

Lepsze wyszukiwanie Zastąp obrazy

Krok 4: Wtyczka uruchomi wyszukiwanie / zamieni obraz na wszystkich wybranych tabelach. Po zakończeniu funkcja Better Search Replace informuje o liczbie zeskanowanych tabel i liczbie zastąpionych obrazów.

Inne optymalizacje obrazów

Napisałem pełny samouczek na temat optymalizacja obrazów w WordPress obejmujący:

  • Kompresowanie obrazów
  • Udostępnianie obrazów za pośrednictwem CDN
  • Zmiana rozmiaru GIF-ów
  • Usuwanie danych EXIF
  • Leniwe ładowanie zdjęć i filmów
  • Cloudflare Mirage, polski, ochrona Hotlink

Optymalizacje obrazu w GTmetrix

Szukasz więcej samouczków WordPress?
Oto inne samouczki, które napisałem:

  • Jak skonfigurować WP Rocket (zalecany plugin cache)
  • Cloudways vs. SiteGround (dwa najlepsze hosty, które polecam)
  • Jak uzyskałem 100% wyniki GTmetrix (WordPress Speed ​​Guide)

Mam też niesamowite wideo na temat optymalizacji prędkości WordPress:

Mam nadzieję, że ten samouczek pomógł ci i nie musisz już określać błędów wymiarów obrazu!

Często Zadawane Pytania

&# x2705; Jak określasz wymiary obrazu?

Znajdź błąd w GTmetrix i zwróć uwagę na odpowiednią szerokość + wysokość obrazu (dostarczoną przez GTmetrix). Następnie zlokalizuj obraz na pulpicie WordPress i wyświetl jego kod HTML. Następnie dodaj szerokość + wysokość do kodu HTML obrazu. Przykład: szerokość = ”680 ″ wysokość =” 340 ″

&# x2705; Gdzie mogę znaleźć właściwy rozmiar obrazu?

GTmetrix informuje o prawidłowych wymiarach obrazów, które nie mają określonej szerokości + wysokości w obszarze Określ wymiary obrazu.

&# x2705; Jak zoptymalizować obrazy w GTmetrix?

Oznacza to, że musisz bezstratnie kompresować obrazy za pomocą wtyczki takiej jak ShortPixel lub Imagify. Używam ShortPixel.

&# x2705; Jak serwujesz skalowane obrazy?

Jeśli podałeś błędy przeskalowanego obrazu w GTmetrix, oznacza to, że przesyłasz obrazy, które są zbyt duże i trzeba je przeskalować do odpowiednich wymiarów. Twoje suwaki, obrazy portfolio, obrazy widżetów, obrazy blogów o pełnej szerokości i inne sekcje witryny wymagają określonych wymiarów. Musisz zmienić rozmiar zdjęć przed ich przesłaniem, aby pasowały do ​​nich.

Napisz komentarz, jeśli nadal masz pytania.

Twoje zdrowie,
Tomek

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