Trenger du å komprimere bilder eller ønsker å endre størrelse på bilder på WordPress? I denne opplæringen vil vi vise deg hvordan du komprimerer og endrer størrelse på bilder eller WordPress

Å ha gode, anstendige bilder kan være vanskelig når det gjelder å forbedre ytelsen til et WordPress-nettsted. Så mye at vi hadde noen få abonnenter, som alltid spurte oss hvordan vi skulle komprimere og endre størrelse på bilder riktig.

Dette er et viktig aspekt for å optimalisere nettstedet ditt som vi alle må gjennom. Hvis du har fulgt oss lenge, har du sannsynligvis hørt om Kolibri-plugin fra WPMUDEV.

Dette er en plugin som kan tillate deg å redusere størrelsen på et bilde på 75%, noe som er betydelig.

Så i denne opplæringen skal jeg forklare hvordan du endrer størrelse på bildene manuelt i dashbordet og i WordPress-temaet.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress tema et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Hvorfor trenger du å endre størrelse på og komprimere bildene dine?

Dette er et forslag som tilbyr Hummingbird. Dette forslaget betyr at du bruker et bilde lastet opp til WordPress-bloggen din der størrelsen er større enn det som brukes i temaet ditt.

Dette skjer ofte når det er en feil med WordPress-temaet du bruker, og de større bildene ikke blir beskåret automatisk til de forventede dimensjonene. I stedet blir de endret slik at de passer.

Gå videre ved å oppdage Hvorfor må du begynne å optimalisere WordPress-bloggen din med bilder

Dette betyr at når en besøkende laster inn siden med det store bildet i nettleseren sin, lastes originalstørrelsen på bildet, og deretter endres størrelsen slik at den passer til dimensjonene som er angitt i WordPress-temaet ditt.

Dette ekstra, plutselige trinnet med å endre størrelse på større bilder krever ekstra forespørsler og ressurser fra serveren for å laste inn på en side.

Oppdag også vår 10 WordPress plugins for å generere trafikk til bloggen din

Resultatet er en lavere sidehastighet, lavere Hummingbird-poengsum, derav anbefalingen om å komprimere og endre størrelse på bildene.

komprimere bilder - humminbird bildekomprimering

Selv om WP Smush Pro kan automatisk løse anbefalingen om å komprimere et bilde, dette er ikke tilfelle med forslaget " komprimere og endre størrelse". For sistnevnte må du gjøre endringen manuelt, og det er flere måter å gjøre det på:

  • Rediger funksjonsfilen til WordPress-tema- og malfilene
  • Beskjær bildet til størrelsen som forventes i multimedia bibliotek
  • Juster multimediainnstillinger

Nedenfor finner du flere detaljer om hvordan du endrer størrelse på bildene dine med disse metodene.

Lagrer bildestørrelsene til WordPress-temaet ditt

For å løse dette problemet i temaet ditt, må du sørge for at bildene er lagret riktig. For mer informasjon om hvordan du gjør dette, les vår bildestørrelse for opplæring for temaet ditt.

Hvis du foretrekker å ikke berøre noen kode, kan du varsle forfatteren av WordPress-temaet ditt og be dem om å gjøre de nødvendige endringene for deg. Når oppdateringen er fullført, kan du oppdatere WordPress-temaet ditt for å legge til endringene på nettstedet ditt.

Oppgradere bildene dine i WordPress

Mens du kanskje venter på at WordPress-temautvikleren din skal løse dette problemet, kan du prøve noen andre manuelle bildestørrelsesmetoder som vi gir nedenfor.

Skjul bilder i mediebiblioteket

Hvis du vil beskjære et bilde manuelt, går du til " Media> Bibliotek Og velg ved å klikke på bildet du vil beskjære. Klikk deretter på knappen Rediger bilde for å åpne redigeringsgrensesnittet.

komprimere og endre størrelse på bilder

Beskjær bildet etter behov ved å bruke de tilsvarende alternativene til høyre. Husk at hvis du skalerer bildet for å matche bredden du trenger, kan høyden være kortere eller lenger enn størrelsen som er angitt av WordPress-temaet ditt, avhengig av dimensjonene til det opprinnelige bildet.

Du kan også bruke en av 6 WordPress-bilderedigeringsprogramtillegg som du vil oppdage ved å gå til denne lenken 

Hvis du velger å forstørre bildet, forblir det i riktig forhold til originalbildet. På den annen side, hvis du bestemmer deg for å beskjære bildet ditt, er det ikke nødvendigvis et spørsmål om å redigere det proporsjonalt basert på dimensjonene du velger.

Du kan enten endre størrelse på bildet ved å skrive ønsket bredde og høyde og deretter klikke på " endre størrelse på Eller hvis du foretrekker å beskjære bildet ditt, kan du gjøre det ved å klikke og dra musen over bildet og velge ønsket område. Slipp deretter museklikket for å avsløre valget ditt.

komprimere og endre størrelse på bilder

Når du er ferdig, ikke glem å klikke på " Enregistrer". Du kan også bruke innstillingene i alle størrelser.

Bruk størrelse på bilder

Dette alternativet for å endre størrelsen på bildene er også tilgjengelig fra mediebiblioteket.

Bildemodifikasjon i mediebiblioteket

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Bpchat

Bpchat er en WordPress-utvidelse fra BuddyPress som setter opp et chat-system på din WordPress-blogg eller nettside.

Wordpress buddypress brukere chat plugin

Når dette pluginet er installert på en hvilken som helst blogg, et forum, et fellesskap, en katalog, et e-handelsnettsted eller et sosialt nettsted BuddyPress, alle tilkoblede brukere kan automatisk chatte øyeblikkelig.

Ce WordPress Plugin implementerer også en enkel måte å chatte på nettet, som er litt som det Facebook tilbyr.

Last ned | dEMO | Webhotell

2. Klikk på WhatsApp Chat

Le WordPress Plugin Klikk for å WhatsApp Chat gjør det enkelt for WordPress-kunder å koble til nettstedets eier eller kundestøtte ved å bruke WhatsApp-kontoen deres.  Klikk for å whatsapp chat for wordpress

Bare et klikk på WhatsApp-kontoen, og den blir direkte sendt til den mobile WhatsApp-kontoen med en standardmelding. Og hvis klienten er på stasjonær eller bærbar PC, vil han bli omdirigert til WhatsApp Web.

Oppdag også vår 10 WordPress plugins for å skjule premium innhold på bloggen din

Dette pluginet krever WhatsApp-nummer og tid og dag, som nettstedseieren eller supportteamet vil bruke til å diskutere. Chat-knappen kan legges til på produktdetaljesiden WooCommerce, som er direkte relatert til dette produktet.

Last ned | dEMO | Webhotell

3. WooCommerce Extra Produktalternativer

WooCommerce ekstra produktalternativer er en WordPress-utvidelse som lar deg lage flere alternativer på produkter, takket være støtte fra betinget logikk. Du vil også ha muligheten til å lage skjemaer, konvertere rullegardinmenyene for attributter til alternativknapper og mer.

Woocommerce ekstra produktalternativer

Blant funksjonene vi finner blant andre: sstøtte for flere typer felt, cpriser i henhold til de valgte feltene, den visuelle konstruktøren av skjemafeltene, støtte av kortkoder, muligheten foraktivere alternativene for bestemte roller,hoix mellom økningen på faste priser eller prosentvise priser, iimport / eksport til andre former, pbrukbarhet for å skjule eller vise priser, støtte frabetinget logikk på felt og seksjoner i formkonstruksjonen,ompatibilitet med flere plugins og utvidelser for e-handel, en ddetaljert dokumentasjon, og mer ...

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Det er det! Det er alt for denne opplæringen, jeg håper du vil kunne redigere, endre størrelse på og komprimere bildene. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...