Kako določiti dimenzije slike v programu WordPress (točka GTmetrix)

Moram določite dimenzije slike v WordPressu?


To pomeni, da morate dodati širino in višino HTML slike ali CSS. Če slika nima določenih dimenzij slike, se bo v poročilu GTmetrix prikazala kot napaka, GTmetrix pa vam bo celo sporočil pravilno širino in višino, ki ju je treba dodati tej sliki.

Določite mere slike WordPress

Vse, kar morate storiti, je, da poiščete sliko na svojem mestu WordPress, si ogledate njen HTML in nato dodate širino in višino, kot je ta:

1. Poiščite Določite napake dimenzije slike v GTmetrix

GTmetrix prikazuje napake samo za posamezno stran, ki jo preizkušate.

Zaženite katero koli stran prek GTmetrix-a in slike, ki vsebujejo slike, določajo napake v dimenziji slike.

Določite dimenzije slike GTmetrix

2 Kopirajte širino in višino slike iz GTmetrix-a

Nato kopirajte širino in višino slike (zagotavlja GTmetrix).

GTmetrix Dimenzije slike

3. Poiščite sliko na svojem spletnem mestu

Zdaj moramo najti sliko na vašem mestu WordPress.

The WordPress vizualni urejevalnik samodejno določi dimenzije slike za vas, tako da ponavadi tukaj ni napak. Vendar nekatera področja vašega spletnega mesta morda ne bodo samodejno določila dimenzij slike (morda ustvarjalci strani, drsniki, pripomočki in ročno kodirani HTML ali CSS). Naučiti se morate, kateri območje vašega spletnega mesta WordPress daje napake.

Poiščite sliko gradnika WordPress

Določite pripomoček Dimenzije slike

4. Dodajte širino + višino v HTML slike

Ko najdete sliko, si oglejte HTML in opazili boste, da ni določene širine + višine. Vse kar morate storiti je, da jih vstavite v takšen HTML: širina = ”135 ″ višina =” 135 ″

Določite mere slike WordPress

5. Ponovno preizkusite stran v GTmetrix

Shranite spremembe in znova zaženite stran prek GTmetrix. Slika, ki je imela napake, je treba popraviti.

100% Določite dimenzije slike

6. Uporabite vtičnik Določite dimenzije slike

The Določite vtičnik Dimenzije slike pregleda vaše spletno mesto za vse oznake, ki jim manjka širina + višina, in jih doda samodejno. Vendar s tem vtičem nisem imel uspeha.

Določite vtičnik Dimenzije slike

7. Popravite Določite napake razsežnosti slike na več straneh

Ali se ista slika pojavi na več straneh / objavah in ima napake v dimenziji slike?

Če želite popraviti svoj logotip, slike pripomočkov in druge slike, ki se pojavljajo na več straneh, lahko uporabite vtičnik Better Search Zamenjaj, ne da bi jih morali posamezno pregledati. Prihrani lahko čas.

Korak 1: Namestite Boljše iskanje Zamenjajte vtičnik.

2. korak: V polje »Išči« dodajte HTML slike brez navedene širine + višine. V polje »Zamenjaj z« dodajte novo različico slike, ki vključuje širino + višino.

3. korak: Izberite tabele, na katerih želite, da vtičnik skenira in zamenja slike. Če ga želite preizkusiti, lahko naredite suho vožnjo, sicer počistite to možnost in kliknite »Zaženi iskanje / zamenjaj«.

Boljše iskanje Zamenjaj slike

4. korak: Vtičnik bo sprožil iskanje / zamenjavo slike v vseh izbranih tabelah. Ko končate, Better Search Replace vam pove, koliko tabel je skeniral in koliko slik je zamenjal.

Druge optimizacije slik

Napisal sem celoten tutorial optimiziranje slik v WordPressu kar vsebuje:

  • Stiskanje slik
  • Vročanje slik prek CDN-ja
  • Spreminjanje velikosti GIFS
  • Odstranjevanje podatkov EXIF
  • Leno nalaganje slik + videoposnetkov
  • Cloudflare Mirage, poljska, Hotlink Protection

Optimizacija slike v GTmetrix

Iščete več WordPress Vadnice za hitrost?
Tu so še druge vadnice, ki sem jih napisal:

  • Kako nastaviti WP Rocket (priporočam vtičnik predpomnilnika)
  • Cloudways vs. SiteGround (priporočam dva glavna gostitelja)
  • Kako sem dosegel 100% ocene GTmetrix (Vodnik za hitrost WordPressa)

Na voljo imam tudi super video o optimizaciji hitrosti programa WordPress:

Upam, da vam je ta vadnica pomagala in ne boste več določali napak v dimenziji slike!

Pogosto zastavljena vprašanja

&# x2705; Kako določite dimenzije slike?

Poiščite napako v GTmetrixu in zabeležite ustrezno širino + višino slike (ki jo zagotavlja GTmetrix). Nato na nadzorni plošči WordPress poiščite sliko in si oglejte njeno kodo HTML. Nato dodajte širino + višino v HTML slike. Primer: širina = ”680 ″ višina =” 340 ″

&# x2705; Kje najdem pravilno velikost slike?

GTmetrix vam pove pravilne dimenzije slik, ki nimajo določene širine + višine pod Določi dimenzije slike.

&# x2705; Kako optimizirate slike v GTmetrix?

To pomeni, da morate brez izgube stisniti slike s pomočjo vtičnika, kot sta ShortPixel ali Imagify. Uporabljam ShortPixel.

&# x2705; Kako strežete pomanjšane slike?

Če ste v GTmetrixu prikazovali pomanjšane napake, to pomeni, da nalagate prevelike slike in jih je treba spremeniti v prave dimenzije. Drsniki, slike portfelja, slike pripomočkov, slike bloga v polni širini in drugi razdelki vašega spletnega mesta zahtevajo določene dimenzije. Preden jih naložite, morate spremeniti velikost slik, da jih ustrezajo.

Če imate še vprašanja, mi dodajte komentar.

Na zdravje,
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