Kako odrediti dimenzije slike u programu WordPress (GTmetrix stavka)

Moram odredite dimenzije slike u WordPressu?


To znači da trebate dodati širinu i visinu HTML-a slike ili CSS. Ako slika nema određene dimenzije slike, ona će se pojaviti kao greška u vašem GTmetrix izvješću, a GTmetrix će vam čak reći ispravnu širinu i visinu koju treba dodati toj slici.

Navedite Dimenzije slike WordPress

Sve što trebate učiniti je pronaći sliku na vašem WordPress web mjestu, pogledati je HTML, a zatim dodati širinu i visinu, kao što je ovo:

1. Nađite Specificiranje pogrešaka slike u GTmetrixu

GTmetrix prikazuje pogreške samo za jednu stranicu koju testirate.

Pokrenite bilo koju stranicu putem GTmetrix-a, a slike koje sadrže slike navode pogreške u dimenziji slike.

Navedite Dimenzije slike GTmetrix

2 Kopirajte širinu i visinu slike s GTmetrix-a

Zatim kopirajte širinu i visinu slike (pruža GTmetrix).

Dimenzije slike GTmetrix

3. Pronađite sliku na svojoj web lokaciji

Sada moramo pronaći sliku na vašoj web stranici WordPress.

WordPress vizualni urednik automatski određuje dimenzije slike za vas, tako da ovdje obično nema grešaka. Međutim, neka područja vaše web stranice možda neće automatski odrediti dimenzije slike (moguće graditelji stranica, klizači, widgeti i ručno kodirani HTML ili CSS). Trebate naučiti koji područje vaše web stranice WordPress daje vam pogreške.

Pronađite sliku WordPress Widget-a

Navedite widget Dimensions Image

4. Dodajte širinu + visinu u HTML slike

Nakon što pronađete sliku, pogledajte je HTML i vidjet ćete da nije određena širina + visina. Sve što trebate učiniti je umetnuti ove u ovaj HTML: širina = ”135 ″ visina =” 135 ″

Navedite Dimenzije slike WordPress

5. Ponovno testirajte stranicu u GTmetrix-u

Spremite promjene i ponovno pokrenite stranicu putem GTmetrix-a. Slika koja je imala pogreške trebala bi se popraviti.

100% Navedite dimenzije slike

6. Upotrijebite dodatak Specify Dimensions Image

Navedite dodatak Dimenzije slike skenira vašu web lokaciju za sve oznake za koje nedostaje širina + visina i automatski ih dodaje. Međutim, nisam imao uspjeha s tim dodatkom.

Navedite dodatak Dimenzije slike

7. Popravite specificiranje pogrešaka dimenzije slike na više stranica

Prikazuje li se ista slika na više stranica / postova i ima li pogreške u dimenziji slike?

Možete upotrijebiti dodatak Better Search Zamijeni da popravite svoj logotip, slike widgeta i ostale slike koje se pojavljuju na više stranica bez potrebe da ih prolazite pojedinačno. To može uštedjeti vrijeme.

Korak 1: Instalirajte Bolja pretraga Zamijenite dodatak.

Korak 2: U polje “Traži” dodajte HTML slike bez određene širine + visine. U polje “Zamijeni s” dodajte novu verziju slike koja uključuje širinu + visinu.

3. korak: Odaberite tablicu (e) na kojoj želite da dodatak skenira i zamijeni slike. Ako to želite isprobati, možete učiniti suho trčanje, u suprotnom poništite tu opciju i kliknite “Pokreni pretraživanje / zamijeni”.

Bolja pretraga Zamijeni slike

4. korak: Dodatak će pokrenuti pretraživanje / zamijeniti sliku na svim tablicama koje ste odabrali. Kada završite, Bolja pretraga zamijeni govori koliko je tablica skenirano i koliko slika zamijenilo.

Ostale optimizacije slika

Napisao sam cjelovit tutorial o optimiziranje slika u WordPressu koje uključuje:

  • Stiskanje slika
  • Posluživanje slika putem CDN-a
  • Promjena veličine GIFS-a
  • Uklanjanje EXIF ​​podataka
  • Lijeno učitavanje slika + videozapisa
  • Cloudflare Mirage, poljski, Hotlink zaštita

Optimizacija slike u GTmetrix-u

Tražite više vodiča za brzinu programa WordPress?
Evo i drugih udžbenika koje sam napisao:

  • Kako postaviti WP Rocket (preporučujem dodatak za predmemoriju)
  • Cloudways vs. SiteGround (preporučujem dva glavna domaćina)
  • Kako sam dobio 100% GTmetrix rezultate (WordPress brzi vodič)

Imam i odličan video o optimizaciji brzine programa WordPress:

Nadam se da vam je ovaj vodič pomogao i da više ne morate navesti pogreške u dimenziji slike!

Često postavljana pitanja

&# X2705; Kako odrediti dimenzije slike?

Pronađite pogrešku u GTmetrix-u i zabilježite odgovarajuću širinu + visinu slike (koju pruža GTmetrix). Zatim pronađite sliku na nadzornoj ploči WordPress-a i pogledajte da je HTML kôd. Zatim dodajte širinu + visinu u HTML slike. Primjer: širina = ”680 ″ visina =” 340 ″

&# X2705; Gdje mogu pronaći ispravnu veličinu slike?

GTmetrix vam kaže ispravne dimenzije slika koje nemaju specificiranu širinu + visinu pod Specify Dimensions Image.

&# X2705; Kako optimizirati slike u GTmetrix-u?

To znači da morate komprimirati slike pomoću dodatka poput ShortPixel ili Imagify. Koristim ShortPixel.

&# X2705; Kako poslužujete umanjene slike?

Ako ste u GTmetrix-u poslužili pogreške u smanjenju slike, to znači da učitavate prevelike slike i treba ih promijeniti u ispravne dimenzije. Vaši klizači, slike portfelja, slike widgeta, slike bloga pune širine i drugi odjeljci vaše web stranice pozivaju na određene dimenzije. Morate promijeniti veličinu slika prije prijenosa kako bi se one uklopile.

Pošaljite mi komentar ako i dalje imate pitanja.

Živjeli,
mužjak nekih malih životinja

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