Hvordan spesifisere bildedimensjoner i WordPress (GTmetrix-vare)

Trenger å spesifiser bildedimensjoner i WordPress?


Dette betyr at du må legge til en bredde og høyde til bildets HTML eller CSS. Hvis et bilde ikke har spesifiserte bildedimensjoner, vil det vises som en feil i GTmetrix-rapporten, og GTmetrix vil til og med fortelle deg riktig bredde og høyde som bør legges til det bildet.

Spesifiser bildedimensjoner WordPress

Alt du trenger å gjøre er å finne bildet på WordPress-nettstedet ditt, se på HTML-koden og deretter legge til en bredde og høyde slik:

1. Finn Spesifiser bildedimensjonsfeil i GTmetrix

GTmetrix viser bare feil for den ene siden du tester.

Kjør hvilken som helst side gjennom GTmetrix og noen bilder har angitt feil i bildedimensjonen.

Spesifiser bildedimensjoner GTmetrix

2 Kopier bildets bredde + høyde fra GTmetrix

Deretter kopierer du bildets bredde + høyde (levert av GTmetrix).

GTmetrix Image Dimensions

3. Finn bildet på nettstedet ditt

Nå må vi finne bildet på ditt WordPress-nettsted.

De WordPress visuell redaktør spesifiserer automatisk bildedimensjoner for deg, så det er vanligvis ingen feil for bilder her. Imidlertid kan noen områder på nettstedet ditt ikke spesifisere bildedimensjoner automatisk (muligens sidebyggere, skyvekontroller, widgeter og håndkodet HTML eller CSS). Du må lære hvilke område på WordPress-nettstedet ditt gir deg feilene.

Finn WordPress Widget Image

Angi widget for bildedimensjoner

4. Legg til bredde + høyde i HTML-koden til bildet

Når du har funnet bildet, kan du se det i HTML, og du vil merke at det ikke er en spesifisert bredde + høyde. Alt du trenger å gjøre er å sette disse inn i HTML-en slik: bredde = ”135 ″ høyde =” 135 ″

Spesifiser bildedimensjoner WordPress

5. Gjenta siden på nytt i GTmetrix

Lagre endringer og kjør siden gjennom GTmetrix. Bildet som hadde feil, bør fikses.

100% spesifiser bildedimensjoner

6. Bruk Spesifiser plugins for bildedimensjoner

De Spesifiser plugin for bildedimensjoner skanner nettstedet ditt for alle koder som mangler en bredde + høyde og legger dem til automatisk. Imidlertid hadde jeg ikke suksess med denne pluginen.

Spesifiser plugin for bildedimensjoner

7. Fix Angi feil i bildedimensjon på flere sider

Vises det samme bildet på flere sider / innlegg og har angitt feil i bildedimensjonen?

Du kan bruke Better Search Replace-plugin til å fikse logoen, widget-bildene og andre bilder som vises på flere sider uten å måtte gå gjennom dem enkeltvis. Det kan spare tid.

Trinn 1: Installer Bedre søk Erstatt plugin.

Steg 2: Legg til bildets HTML uten “spesifisert bredde + høyde” i feltet “Søk etter”. I feltet “Erstatt med” legger du til den nye versjonen av bildet som inkluderer bredden + høyden.

Trinn 3: Velg tabellen (e) du vil at pluginen skal skanne og erstatte bilder på. Du kan gjøre et tørt løp hvis du vil teste det, ellers fjerner du merket for dette alternativet og klikker på “Kjør søk / erstatt.”

Bedre søk erstatte bilder

Trinn 4: Plugin-en kjører søket / erstatter bildet på alle tabeller du valgte. Når den er ferdig, forteller Better Search Replace hvor mange tabeller den skannet og hvor mange bilder den erstattet.

Andre bilderoptimaliseringer

Jeg skrev en full tutorial på optimalisere bilder i WordPress som inkluderer:

  • Komprimere bilder
  • Serverer bilder gjennom et CDN
  • Endre størrelse på GIFS
  • Fjerner EXIF-data
  • Lat lasting av bilder + videoer
  • Cloudflare Mirage, polsk, Hotlink Protection

Bildeoptimaliseringer i GTmetrix

Leter du etter flere WordPress Speed ​​Tutorials?
Her er andre opplæringsprogrammer jeg skrev:

  • Hvordan sette opp WP Rocket (cache-pluginen jeg anbefaler)
  • Cloudways vs. SiteGround (de to beste vertene jeg anbefaler)
  • Hvordan jeg fikk 100% GTmetrix-poengsummer (WordPress Speed ​​Guide)

Jeg har også en fantastisk video om WordPress-hastighetsoptimalisering:

Jeg håper denne opplæringen hjalp deg, og at du ikke har angitt feil i bildedimensjonen lenger!

ofte stilte spørsmål

&# X2705; Hvordan spesifiserer du et bildes dimensjoner?

Finn feilen i GTmetrix og merk riktig bredde + høyde på bildet (levert av GTmetrix). Deretter finner du bildet i WordPress-oversikten og viser HTML-koden. Deretter legger du til en bredde + høyde til bildets HTML. Eksempel: bredde = ”680 ″ høyde =” 340 ″

&# X2705; Hvor kan jeg finne riktig bildestørrelse?

GTmetrix forteller deg de riktige dimensjonene til bilder som ikke har en spesifisert bredde + høyde under Angi bildedimensjoner.

&# X2705; Hvordan optimaliserer du bilder i GTmetrix?

Dette betyr at du må komprimere bilder uten å bruke en plugin som ShortPixel eller Imagify. Jeg bruker ShortPixel.

&# X2705; Hvordan serverer du skalerte bilder?

Hvis du har vist skalerte bildefeil i GTmetrix, betyr det at du laster opp bilder som er for store, og at de må endres til riktig dimensjoner. Glidebryterne, porteføljebildene, widgetbildene, bloggbildene i full bredde og andre deler av nettstedet ditt krever spesifikke dimensjoner. Du må endre størrelse på bilder før du laster dem opp, slik at de passer til bildene.

Send meg en kommentar hvis du fortsatt har spørsmål.

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