Cum se specifică dimensiunile imaginii în WordPress (articol GTmetrix)

Trebuie sa specificați dimensiunile imaginii în WordPress?


Aceasta înseamnă că trebuie să adăugați o lățime și o înălțime la HTML-ul imaginii sau CSS. Dacă o imagine nu are dimensiuni de imagine specificate, aceasta va apărea ca o eroare în raportul dvs. GTmetrix, iar GTmetrix vă va spune chiar lățimea și înălțimea corectă care ar trebui să fie adăugate la acea imagine.

Specificați dimensiunile imaginii WordPress

Tot ce trebuie să faceți este să localizați imaginea pe site-ul dvs. WordPress, să vizualizați HTML-ul acesteia, apoi să adăugați o lățime și o înălțime, astfel:

1. Găsiți Specificați erorile de dimensiune a imaginii în GTmetrix

GTmetrix afișează numai erori pentru singura pagină testată.

Rulați orice pagină prin GTmetrix și seewhich imagini au specificat erori de dimensiune imagine.

Specificați dimensiunile imaginii GTmetrix

2 Copiați Lățimea imaginii + Înălțimea de la GTmetrix

În continuare, copiați lățimea imaginii + înălțimea (oferită de GTmetrix).

Dimensiunile imaginii GTmetrix

3. Localizați imaginea pe site-ul dvs. web

Acum trebuie să localizăm imaginea pe site-ul dvs. WordPress.

Editor vizual WordPress specifică automat dimensiunile imaginii pentru dvs., de obicei, nu există erori pentru imagini aici. Cu toate acestea, unele zone ale site-ului dvs. web nu pot specifica dimensiunile imaginii în mod automat (eventual construitori de pagini, cursoare, widget-uri și HTML sau CSS codate manual). Trebuie să înveți care zonă site-ul dvs. WordPress vă dă erori.

Localizați imaginea widget WordPress

Specificați Widget Dimensiuni imagine

4. Adăugați lățimea + înălțimea la HTML-ul imaginii

După ce ați localizat imaginea, vizualizați-o pe HTML și veți observa că nu există o lățime + înălțime specificată. Nu trebuie decât să inserați acestea în HTML astfel: lățime = ”135 ″ înălțime =” 135 ″

Specificați dimensiunile imaginii WordPress

5. Reintroduceți pagina în GTmetrix

Salvați modificările și reporniți pagina prin GTmetrix. Imaginea care a avut erori ar trebui să fie remediată.

100% Specificați dimensiunile imaginii

6. Folosiți pluginul Specificați dimensiunile imaginii

Specificați pluginul Dimensiuni imagine scanează site-ul dvs. pentru toți etichetele cărora le lipsește lățimea + înălțimea și le adaugă automat. Cu toate acestea, nu am avut succes cu acest plugin.

Specificați pluginul Dimensiuni imagine

7. Remediați Specificarea erorilor de dimensiune a imaginii pe mai multe pagini

Apare aceeași imagine pe mai multe pagini / postări și are erori de dimensiune a imaginii?

Puteți utiliza pluginul Better Search Replace pentru a vă repara sigla, imaginile widget și alte imagini care apar pe mai multe pagini, fără a fi nevoie să le parcurgeți individual. Poate economisi timp.

Pasul 1: Instalați dispozitivul Mai bine pluginul Înlocuiește căutarea.

Pasul 2: În câmpul „Căutare”, adăugați HTML-ul imaginii fără lățimea + înălțimea specificată. În câmpul „Înlocuiți cu”, adăugați noua versiune a imaginii care include lățimea + înălțimea.

Pasul 3: Selectați tabelul (tabelele) pe care doriți ca pluginul să scaneze și să înlocuiască imaginile. Puteți efectua o execuție uscată dacă doriți să o testați, în caz contrar, debifați această opțiune și faceți clic pe „Executați căutarea / înlocuirea”.

Căutare mai bună Înlocuiți imagini

Pasul 4: Pluginul va rula căutarea / înlocuirea imaginii pe toate tabelele alese. Odată terminat, Better Search Replace vă spune câte tabele a scanat și câte imagini a înlocuit.

Alte optimizări de imagini

Am scris un tutorial complet pe optimizarea imaginilor în WordPress care include:

  • Comprimarea imaginilor
  • Deservirea de imagini printr-un CDN
  • Redimensionarea GIFS
  • Eliminarea datelor EXIF
  • Lazy se încarcă imagini + video
  • Cloudflare Mirage, Poloneză, Protecție Hotlink

Optimizări de imagine în GTmetrix

În căutarea mai multor tutoriale de viteză WordPress?
Iată alte tutoriale pe care le-am scris:

  • Cum să configurați WP Rocket (pluginul pentru cache vă recomand)
  • Cloudways vs. SiteGround (cele două gazde de top pe care le recomand)
  • Cum am obținut scoruri 100% GTmetrix (Ghid de viteză WordPress)

Am și un videoclip minunat despre optimizarea vitezei WordPress:

Sper că acest tutorial v-a ajutat și nu veți mai specifica erori cu privire la dimensiunea imaginii!

întrebări frecvente

&# X2705; Cum specificați dimensiunile unei imagini?

Găsiți eroarea în GTmetrix și notați lățimea corespunzătoare + înălțimea imaginii (oferită de GTmetrix). Apoi, localizați imaginea în tabloul de bord WordPress și vizualizați codul HTML. Apoi, adăugați o lățime + înălțime la HTML-ul imaginii. Exemplu: lățime = ”680 ″ înălțime =” 340 ″

&# X2705; Unde pot găsi dimensiunea corectă a imaginii?

GTmetrix vă indică dimensiunile corecte ale imaginilor care nu au o lățime specificată + înălțime sub Specificați dimensiunile imaginii.

&# X2705; Cum optimizați imaginile în GTmetrix?

Aceasta înseamnă că trebuie să comprimați fără pierderi imaginile folosind un plugin precum ShortPixel sau Imagify. Folosesc ShortPixel.

&# X2705; Cum serviți imagini scalate?

Dacă ați difuzat erori de imagine reduse în GTmetrix, înseamnă că încărcați imagini prea mari și trebuie redimensionate la dimensiunile corecte. Slider-urile, imaginile din portofoliu, imaginile widget, imaginile de blog cu lățime completă și alte secțiuni ale site-ului dvs. web necesită dimensiuni specifice. Trebuie să redimensionați imaginile înainte de a le încărca, astfel încât acestea să se potrivească cu acestea.

Lasă-mi un comentariu dacă mai ai întrebări.

Noroc,
Tom

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