Kaip nurodyti vaizdo matmenis „WordPress“ (elementas „GTmetrix“)

Reikia nurodyti vaizdo matmenis „WordPress“?


Tai reiškia, kad turite pridėti pločio ir aukščio vaizdo HTML arba CSS. Jei paveikslėlyje nėra nurodytų vaizdo matmenų, jis bus rodomas kaip klaida jūsų „GTmetrix“ ataskaitoje, o „GTmetrix“ jums netgi pasakys, koks teisingas plotis ir aukštis turėtų būti pridedami prie to vaizdo.

Nurodykite vaizdo matmenis „WordPress“

Viskas, ką jums reikia padaryti, tai aptikti vaizdą „WordPress“ svetainėje, peržiūrėti jo HTML, tada pridėti plotį ir aukštį:

1. Suraskite „GTmetrix“ nurodytas vaizdo matmenų klaidas

„GTmetrix“ rodo tik vieno jūsų išbandyto puslapio klaidas.

Paleiskite bet kurį puslapį per „GTmetrix“ ir pamatysite, kuriuose vaizduose nurodytos vaizdo matmenų klaidos.

Nurodykite vaizdo matmenis „GTmetrix“

2 Nukopijuokite vaizdo plotį + aukštį iš „GTmetrix“

Tada nukopijuokite vaizdo plotį + aukštį (teikia „GTmetrix“).

„GTmetrix“ vaizdo matmenys

3. Raskite vaizdą savo svetainėje

Dabar turime rasti vaizdą jūsų „WordPress“ svetainėje.

„WordPress“ vaizdinis redaktorius automatiškai nurodo vaizdo matmenis, todėl čia paprastai nėra jokių vaizdų klaidų. Tačiau kai kurios jūsų svetainės sritys gali automatiškai nenurodyti vaizdo matmenų (galbūt puslapių kūrimo priemonės, skaidrės, valdikliai ir ranka užkoduotas HTML arba CSS). Jūs turite išmokti kurį plotas jūsų „WordPress“ svetainėje pateikia klaidas.

Raskite „WordPress“ valdiklio vaizdą

Nurodykite vaizdo matmenų valdiklį

4. Pridėkite paveikslėlio HTML plotį + aukštį

Kai nustatysite vaizdą, peržiūrėkite jį HTML ir pastebėsite, kad nėra nurodytas plotis + aukštis. Viskas, ką jums reikia padaryti, tai įterpti juos į HTML taip: plotis = “135 ″ aukštis =“ 135 ″

Nurodykite vaizdo matmenis „WordPress“

5. Pakartokite puslapį „GTmetrix“

Išsaugokite pakeitimus ir paleiskite puslapį per „GTmetrix“. Vaizdas, kuriame buvo klaidų, turėtų būti ištaisytas.

100% nurodykite vaizdo matmenis

6. Naudokite papildinį „Nurodykite vaizdo matmenis“

Nurodykite paveikslėlio matmenų papildinį nuskaito jūsų svetainę visiems žymos, kurių trūksta pločio + aukščio, ir prideda jas automatiškai. Tačiau man nepavyko pasiekti šio papildinio.

Nurodykite paveikslėlio matmenų papildinį

7. Ištaisykite nurodykite vaizdo matmenų klaidas keliuose puslapiuose

Ar tas pats vaizdas rodomas keliuose puslapiuose / žinutėse ir ar jame nurodytos vaizdo matmenų klaidos??

Galite naudoti papildinį „Geresnės paieškos pakeitimas“, kad pritvirtintumėte savo logotipą, valdiklių atvaizdus ir kitus vaizdus, ​​kurie rodomi keliuose puslapiuose, nereikia jų atskirai tikrinti. Tai gali sutaupyti laiko.

1 žingsnisĮdiekite Geresnė paieška Pakeiskite papildinį.

2 žingsnis: Lauke „Ieškokite“ pridėkite vaizdo HTML be nurodyto pločio ir aukščio. Lauke „Pakeisti su“ pridėkite naują vaizdo versiją, kurioje yra plotis + aukštis.

3 žingsnis: Pasirinkite lentelę (-es), kurioje norite įskiepiu nuskaityti ir pakeisti vaizdus. Jei norite išbandyti, galite atlikti sausą bėgimą, kitu atveju panaikinkite šios parinkties žymėjimą ir spustelėkite „Vykdyti paiešką / pakeisti“.

Geresnė paieška pakeiskite vaizdus

4 žingsnis: Papildinys vykdys paiešką / pakeis vaizdą visose jūsų pasirinktose lentelėse. Baigę „Better Search Replace“ nurodys, kiek lentelių nuskaitytas ir kiek vaizdų pakeistas.

Kiti vaizdų optimizavimai

Aš parašiau visą vadovėlį vaizdų optimizavimas „WordPress“ kuri apima:

  • Vaizdų glaudinimas
  • Vaizdų teikimas per CDN
  • GIF didinimas
  • Pašalinami EXIF ​​duomenys
  • Tingus įkelti vaizdus + vaizdo įrašus
  • „Cloudflare Mirage“, lenkų kalba, „Hotlink Protection“

Vaizdo optimizavimas „GTmetrix“

Ieškote daugiau „WordPress“ greičio mokymo programų?
Čia yra kiti mokymai, kuriuos parašiau:

  • Kaip nustatyti WP raketą (talpyklos papildinį, kurį rekomenduoju)
  • „Cloudways“ ir „SiteGround“ (rekomenduoju du geriausius pagrindinius kompiuterius)
  • Kaip gavau 100% „GTmetrix“ balų („WordPress Speed ​​Speed ​​Guide“)

Taip pat turiu nuostabų vaizdo įrašą apie „WordPress“ greičio optimizavimą:

Tikiuosi, kad ši instrukcija jums padėjo, ir jūs jau nebe nurodote vaizdo matmenų klaidų!

Dažnai užduodami klausimai

&# x2705; Kaip jūs nurodote paveikslėlio matmenis?

Raskite „GTmetrix“ klaidą ir atkreipkite dėmesį į tinkamą vaizdo plotį + aukštį (teikia „GTmetrix“). Tada suraskite vaizdą „WordPress“ prietaisų skydelyje ir peržiūrėkite jo HTML kodą. Tada pridėkite plotį + aukštį prie vaizdo HTML. Pavyzdys: plotis = ”680 ″ aukštis =” 340 ″

&# x2705; Kur galiu rasti tinkamą vaizdo dydį?

„GTmetrix“ nurodo teisingus vaizdų, kurių plotas ir aukštis nenurodyti skiltyje „Nurodykite vaizdo matmenis“, matmenis.

&# x2705; Kaip optimizuojate vaizdus „GTmetrix“?

Tai reiškia, kad jūs turite be reikalo suspausti vaizdus naudodami papildinį, pvz., „ShortPixel“ ar „Imagify“. Aš naudoju „ShortPixel“.

&# x2705; Kaip jūs aptarnaujate pakeistus vaizdus?

Jei „GTmetrix“ pateikėte mastelio vaizdo klaidas, tai reiškia, kad įkeliate per didelius vaizdus ir jų dydį reikia pakeisti į tinkamus matmenis. Jūsų slankmačiai, aplanko atvaizdai, valdiklio atvaizdai, viso pločio tinklaraščio atvaizdai ir kitos jūsų svetainės skiltys reikalauja konkrečių matmenų. Prieš įkeldami paveikslėlius, turite pakeisti jų dydį, kad jie tiktų.

Jei vis dar turite klausimų, atmeskite man komentarą.

Džiaugsmas,
Tomas

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