Hur man anger bildmått i WordPress (GTmetrix-objekt)

Behöver ange bilddimensioner i WordPress?


Detta innebär att du måste lägga till en bredd och höjd till bildens HTML eller CSS. Om en bild inte har angivna bilddimensioner visas den som ett fel i din GTmetrix-rapport, och GTmetrix kommer till och med att berätta rätt bredd och höjd som bör läggas till den bilden.

Ange bildmått WordPress

Allt du behöver göra är att hitta bilden på din WordPress-webbplats, visa den i HTML och sedan lägga till en bredd och höjd, så här:

1. Hitta Ange bilddimensioneringsfel i GTmetrix

GTmetrix visar bara fel för den enda sida som du testar.

Kör valfri sida genom GTmetrix och några bilder har angivna fel i bilddimensionen.

Ange bildmått GTmetrix

2 Kopiera bildens bredd + höjd från GTmetrix

Därefter kopierar du bildens bredd + höjd (tillhandahålls av GTmetrix).

GTmetrix Image Dimensions

3. Leta reda på bilden på din webbplats

Nu måste vi hitta bilden på din WordPress-webbplats.

De WordPress visuell redaktör anger automatiskt bilddimensioner för dig, så det finns vanligtvis inga fel för bilder här. Vissa områden på din webbplats kanske dock inte anger bilddimensioner automatiskt (eventuellt sidbyggare, skjutreglage, widgets och handkodad HTML eller CSS). Du måste lära dig vilket område på din WordPress-webbplats ger dig fel.

Hitta WordPress Widget Image

Ange widget för bilddimensioner

4. Lägg till bredd + höjd i bildens HTML

När du har hittat bilden, se den i HTML och du kommer att märka att det inte finns en angiven bredd + höjd. Allt du behöver göra är att infoga dessa i HTML: n så här: bredd = ”135 ″ höjd =” 135 ″

Ange bildmått WordPress

5. Testa om sidan igen i GTmetrix

Spara ändringar och kör tillbaka sidan genom GTmetrix. Bilden som hade fel borde fixas.

100% Ange bilddimensioner

6. Använd pluginet Specify Image Dimensions

De Ange plugin för bilddimensioner skannar din webbplats för alla taggar som saknar en bredd + höjd och lägger till dem automatiskt. Jag har dock inte lyckats med det här insticksprogrammet.

Ange plugin för bilddimensioner

7. Fix Fix Specific Image Dimension Fel på flera sidor

Visas samma bild på flera sidor / inlägg och har angivna fel i bilddimensionen?

Du kan använda Plugin för Better Search Replace för att fixa din logotyp, widgetbilder och andra bilder som visas på flera sidor utan att behöva gå igenom dem individuellt. Det kan spara tid.

Steg 1: Installera Bättre sök Byt ut plugin.

Steg 2: Lägg till bildens HTML i fältet “Sök efter” utan den angivna bredden + höjden. Lägg till den nya versionen av bilden som inkluderar bredden + höjden i fältet “Ersätt med”.

Steg 3: Välj tabellen / tabellerna som du vill att plugin ska skanna och ersätta bilder på. Du kan göra en torr körning om du vill testa det, annars avmarkera det alternativet och klicka på “Kör sökning / ersätt.”

Bättre sök Ersätt bilder

Steg 4: Plugin kör sökningen / ersätter bilden i alla tabeller du valt. När den är klar berättar Better Search Replace hur många tabeller den skannade och hur många bilder den ersatte.

Andra bilderoptimeringar

Jag skrev en fullständig handledning om optimera bilder i WordPress vilket ingår:

  • Komprimera bilder
  • Serverar bilder via ett CDN
  • Ändra storlek på GIFS
  • Tar bort EXIF-data
  • Lazy laddar bilder + videor
  • Cloudflare Mirage, polska, Hotlink-skydd

Bildoptimeringar i GTmetrix

Letar du efter fler WordPress-hastighetsstudier?
Här är andra självstudier jag skrev:

  • Hur man ställer in WP Rocket (cache-pluginet rekommenderar jag)
  • Cloudways vs. SiteGround (de två bästa värdarna rekommenderar jag)
  • Hur jag fick 100% GTmetrix-poäng (WordPress Speed ​​Guide)

Jag har också en fantastisk video om WordPress-hastighetsoptimering:

Jag hoppas att denna handledning hjälpte dig och att du inte har angett fel i bilddimension längre!

Vanliga frågor

&# X2705; Hur anger du en bilds mått?

Hitta felet i GTmetrix och notera rätt bredd + höjd på bilden (tillhandahållen av GTmetrix). Därefter letar du upp bilden i din WordPress-instrumentbräda och visar den HTML-kod. Lägg sedan till en bredd + höjd i bildens HTML. Exempel: bredd = ”680 ″ höjd =” 340 ″

&# X2705; Var kan jag hitta rätt bildstorlek?

GTmetrix berättar rätt dimensioner på bilder som inte har en specificerad bredd + höjd under Ange bilddimensioner.

&# X2705; Hur optimerar du bilder i GTmetrix?

Detta innebär att du måste förlustlöst komprimera bilder med ett plugin som ShortPixel eller Imagify. Jag använder ShortPixel.

&# X2705; Hur serverar du skalade bilder?

Om du har visat skalade bildfel i GTmetrix betyder det att du laddar upp bilder som är för stora och att de måste ändras till rätt dimensioner. Dina reglage, portföljbilder, widgetbilder, bloggbilder i full bredd och andra delar av din webbplats kräver specifika dimensioner. Du måste ändra storlek på bilderna innan du laddar upp dem så att de passar dem.

Släpp en kommentar om du fortfarande har frågor.

Skål,
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