Hoe om beeldafmetings in WordPress te spesifiseer (GTmetrix-item)

Moet spesifiseer prentafmetings in WordPress?


Dit beteken dat u ‘n breedte en hoogte aan die prent se HTML of CSS. As ‘n afbeelding nie gespesifiseerde afmetings het nie, sal dit as ‘n fout in u GTmetrix-verslag verskyn, en sal GTmetrix u selfs die korrekte breedte en hoogte gee wat tot die beeld gevoeg moet word..

Spesifiseer beeldafmetings WordPress

Al wat u moet doen is om die prent op u WordPress-webwerf op te spoor, dit op die HTML te sien, en dan ‘n breedte en hoogte soos volg by te voeg:

1. Vind Spesifiseer beeldafmetingsfoute in GTmetrix

GTmetrix wys slegs foute vir die enkele bladsy wat u toets.

Voer enige bladsy deur met GTmetrix en daar is ‘n prentjie-afmetingsfout in die prentjie.

Spesifiseer Beeldafmetings GTmetrix

2 Kopieer die prent se breedte + hoogte vanaf GTmetrix

Kopieer daarna die prentjie se breedte + hoogte (voorsien deur GTmetrix).

GTmetrix Beeldafmetings

3. Vind die prent op u webwerf

Nou moet ons die beeld op u WordPress-webwerf opspoor.

Die WordPress visuele redakteur spesifiseer beeldafmetings outomaties vir u, daarom is daar gewoonlik geen foute vir prente hier nie. Sommige gebiede van u webwerf spesifiseer egter moontlik nie beeldafmetings outomaties nie (moontlik bladsybouers, skuifbalkers, widgets en met die hand gekodeerde HTML of CSS). U moet leer watter gebied van u WordPress-webwerf gee u die foute.

Soek na WordPress Widget Image

Spesifiseer beeldafmetings-widget

4. Voeg die breedte + hoogte by die HTML-bladsy van die prent

Nadat u die prent opgespoor het, kan u die HTML sien en u sien dat daar nie ‘n spesifieke breedte en hoogte is nie. Al wat u hoef te doen is om dit soos volg in die HTML in te voeg: breedte = ”135 ″ hoogte =” 135 ″

Spesifiseer beeldafmetings WordPress

5. Probeer die bladsy weer in GTmetrix

Stoor veranderinge en herlaai die bladsy deur GTmetrix. Die beeld met foute moet reggestel word.

100% spesifiseer afbeeldingsafmetings

6. Gebruik die Specify Image Dimensions Plugin

Die Spesifiseer inprop Image Dimensions skandeer u webwerf vir almal merkers wat ‘n breedte + hoogte ontbreek en dit outomaties byvoeg. Ek het egter nie sukses gehad met hierdie inprop nie.

Spesifiseer inprop Image Dimensions

7. Fix Stel spesifiseer foute vir afmetings op meerdere bladsye

Wys dieselfde prent op verskeie bladsye / plasings en bevat foute in die dimensie van die prent?

U kan die Better Search Replace-inprop gebruik om u logo, widget-prente en ander prente wat op verskeie bladsye verskyn, reg te stel sonder om dit afsonderlik te hoef deur te gaan. Dit kan tyd bespaar.

Stap 1: Installeer die Beter soek Vervang die inprop.

Stap 2: Voeg die HTML-beeld van die beeld sonder die gespesifiseerde breedte + hoogte in die ‘Soek na’ -veld in. Voeg die nuwe weergawe van die afbeelding in die ‘Vervang met’ -veld aan, wat wel die breedte + hoogte bevat.

Stap 3: Kies die tabel (e) waarop die inprop moet skandeer en beelde vervang. U kan ‘n droë loop doen as u dit wil toets, anders ontkies u die opsie en klik op “Begin soek / vervang.”

Beter soek vervang prente

Stap 4: Die inprop sal die soektog uitvoer / die prentjie vervang in alle tabelle wat u gekies het. As u klaar is, vertel Better Search Replace hoeveel tabelle dit geskandeer het en hoeveel beelde dit vervang is.

Ander prente-optimalisering

Ek het ‘n volledige tutoriaal geskryf oor optimalisering van beelde in WordPress wat insluit:

  • Kompressie van beelde
  • Bedien beelde via ‘n CDN
  • Die grootte van GIFS verander
  • Verwyder EXIF-data
  • Lui laai prente + video’s
  • Cloudflare Mirage, Pools, Hotlink-beskerming

Beeldoptimalisering in GTmetrix

Op soek na meer WordPress-snelheidstutoriale?
Hier is ander tutoriale wat ek geskryf het:

  • Hoe om WP Rocket op te stel (die kas-inprop wat ek aanbeveel)
  • Cloudways vs. SiteGround (die twee beste gashere wat ek aanbeveel)
  • Hoe ek 100% GTmetrix-tellings gekry het (snelheidsgids vir WordPress)

Ek het ook ‘n ongelooflike video oor WordPress-snelheidsoptimalisering:

Ek hoop dat hierdie handleiding u gehelp het en dat u nie meer foute vir beelddimensies spesifiseer nie!

Algemene vrae

&# X2705; Hoe kan u die afmetings van ‘n prent spesifiseer??

Soek die fout in GTmetrix en let op die regte breedte + hoogte van die beeld (verskaf deur GTmetrix). Soek daarna die prent in u WordPress-dashboard en bekyk die HTML-kode. Voeg dan ‘n breedte + hoogte by die HTML-bladsy van die beeld. Voorbeeld: breedte = ”680 ″ hoogte =” 340 ″

&# X2705; Waar kan ek die regte beeldgrootte vind??

GTmetrix vertel die regte afmetings van prente wat nie ‘n spesifieke breedte en hoogte het nie, onder Specify Image Dimensions.

&# X2705; Hoe optimaliseer u prente in GTmetrix?

Dit beteken dat u beelde sonder verlies moet saamkom met behulp van ‘n inprop soos ShortPixel of Imagify. Ek gebruik ShortPixel.

&# X2705; Hoe bedien u skaalafbeeldings??

As u in GTmetrix skale vir beeldfoute bedien het, beteken dit dat u prente wat te groot is, oplaai en dat dit na die regte afmetings moet verander. U skyfies, portefeulje-prente, widget-prente, volledige blogafbeeldings en ander gedeeltes van u webwerf vra vir spesifieke afmetings. U moet die grootte van die beelde verander voordat u dit oplaai, sodat dit by die foto’s pas.

Laat my kommentaar lewer as u nog vrae het.

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