Kujutise mõõtmete määramine WordPressis (üksus GTmetrix)

Vaja määrake pildi mõõtmed WordPressis?


See tähendab, et peate lisama laiuse ja kõrguse pildi HTML või CSS. Kui pildil pole täpsustatud pildi mõõtmeid, kuvatakse see tõrkena teie GTmetrixi aruandes ja GTmetrix ütleb teile isegi õige laiuse ja kõrguse, mis tuleks sellele pildile lisada.

Täpsustage pildi mõõtmed WordPress

Kõik, mida peate tegema, on leida pilt oma WordPressi saidilt, vaadata selle HTML-i ja lisada seejärel laius ja kõrgus, näiteks järgmiselt:

1. Leidke GTmetrixist täpsustage pildi mõõtmete vead

GTmetrix näitab vigu ainult ühel testitud lehel.

Käitage suvalist lehte läbi GTmetrix ja vaata, kus piltidel on täpsustatud pildi mõõtmete vead.

Täpsustage pildi mõõtmed GTmetrix

2 Kopeerige pildi laius + kõrgus GTmetrixist

Järgmisena kopeerige pildi laius + kõrgus (pakub GTmetrix).

GTmetrix pildi mõõtmed

3. Leidke pilt oma veebisaidilt

Nüüd peame pildi üles leidma teie WordPressi saidil.

WordPressi visuaalne toimetaja määrab automaatselt teie pildi mõõtmed, nii et siin pole piltide puhul tavaliselt vigu. Kuid mõned teie veebisaidi piirkonnad ei pruugi pildi mõõtmeid automaatselt määratleda (võimalik, et leheehitajad, liugurid, vidinad ja käsitsi kodeeritud HTML või CSS). Peate õppima, millist ala teie WordPressi saidil pakub teile vigu.

Otsige üles WordPressi vidina pilt

Täpsustage pildi mõõtude vidin

4. Lisage pildi HTML-ile laius + kõrgus

Kui olete pildi üles leidnud, vaadake selle HTML-i ja märkate, et sellel pole täpsustatud laiust + kõrgust. Peate vaid need HTML-i sisestama: laius = ”135 ″ kõrgus =” 135 ”

Täpsustage pildi mõõtmed WordPress

5. Kontrollige uuesti lehte GTmetrix

Salvestage muudatused ja jätkake lehte GTmetrix kaudu. Pilt, milles oli vigu, tuleks parandada.

100% täpsustage pildi mõõtmed

6. Kasutage pistikprogrammi Täpsusta pildi mõõtmeid

Määrake pistikprogramm Kujutise mõõtmed skannib teie saiti kõigi jaoks sildid, millel puudub laius + kõrgus, ja lisab need automaatselt. Kuid mul ei olnud selle pistikprogrammiga edu.

Määrake pistikprogramm Kujutise mõõtmed

7. Parandage täpsustage pildi mõõtmete vead mitmel lehel

Kas sama pilt kuvatakse mitmel lehel / postitusel ja kas sellel on pildi mõõtmevead??

Võite kasutada pistikprogrammi Parem otsing asendada, et fikseerida oma logo, vidinapildid ja muud pildid, mis ilmuvad mitmel lehel, ilma et peaksite neid eraldi läbi vaatama. See võib aega kokku hoida.

Samm 1: Installige Parem otsing Asenda pistikprogramm.

2. samm: Lisage väljale „Otsi” pildi HTML ilma määratud laiuse ja kõrguseta. Lisage väljale „Asenda” pildi uus versioon, mis sisaldab laiust + kõrgust.

3. samm: Valige tabel (id), milles pistikprogramm skannib ja asendab pildid. Kui soovite katsetada, võite teha kuivkäigu, muidu tühjendage selle valiku märkeruut ja klõpsake nuppu „Käita otsingut / asenda“.

Parem otsing asendage pildid

4. samm: Pistikprogramm käivitab pildi otsimise / asendamise kõigil teie valitud tabelitel. Kui see on valmis, ütleb Better Search Replace teile, mitu tabelit see skaneeris ja mitu pilti see asendas.

Muud piltide optimeerimine

Kirjutasin täieliku õpetuse teemal piltide optimeerimine WordPressis mis sisaldab:

  • Piltide tihendamine
  • Piltide esitamine CDN-i kaudu
  • GIF-i suuruse muutmine
  • EXIF-andmete eemaldamine
  • Piltide ja videote laadimine on laisk
  • Cloudflare Mirage, Poola, Hotlink Protection

Kujutise optimeerimine GTmetrixis

Otsite rohkem WordPressi kiirõpetusi?
Siin on veel teisi õpetusi, millest ma kirjutasin:

  • Kuidas seadistada WP Rocket (vahemälu plugin, mida soovitan)
  • Cloudways vs. SiteGround (soovitan kahte peamist hosti)
  • Kuidas ma sain 100% GTmetrix hindeid (WordPressi kiirjuhend)

Mul on ka WordPressi kiiruse optimeerimise kohta vinge video:

Loodan, et see õpetus aitas teid ja teil pole enam pildi mõõtmete vigu täpsustatud!

Korduma kippuvad küsimused

&# x2705; Kuidas täpsustada pildi mõõtmeid??

Leidke viga GTmetrixis ja pange tähele pildi õige laius + kõrgus (pakub GTmetrix). Järgmisena leidke pilt oma WordPressi juhtpaneelilt ja vaadake selle HTML-koodi. Järgmisena lisage pildi HTML-ile laius + kõrgus. Näide: laius = ”680 ″ kõrgus =” 340 ″

&# x2705; Kust leida õige pildi suurus?

GTmetrix annab teile pildi täpsed mõõtmed, millel pole täpsustatud laiuse ja kõrgusega jaotises Täpsustage pildi mõõtmeid.

&# x2705; Kuidas optimeerida pilte GTmetrixis??

See tähendab, et peate pilte kadudeta tihendama, kasutades sellist pistikprogrammi nagu ShortPixel või Imagify. Ma kasutan ShortPixeli.

&# x2705; Kuidas pakute skaleeritud pilte??

Kui olete GTmetrixis esitanud skaleeritud pildivigu, tähendab see, et laadite üles pilte, mis on liiga suured ja nende suurust tuleb muuta õigete mõõtmete järgi. Teie liugurid, portfellipildid, vidinate pildid, täislaiusega ajaveebipildid ja muud veebisaidi jaotised nõuavad kindlaid mõõtmeid. Enne nende üleslaadimist peate piltide suurust muutma, nii et need sobivad neile.

Kui teil on veel küsimusi, siis lisage mulle kommentaar.

Terviseks,
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