# Hvordan angi den beste WordPress-bildestørrelsen for rask lasting

Innholdsstyringssystemet WordPress gir muligheten til å bruke individuelle bildeformater i tillegg til standard bildestørrelser. Vi presenterer viktige trinn for å tilpasse bildestørrelser, basert på WordPress 6.0.3.

## Standard bildestørrelser i WordPress

Filstørrelsen på bilder som er innebygd på et nettsted, har stor innvirkning på lastetiden. Optimale bildeformater forkorter lastetiden og reduserer minnebelastningen på serveren. WordPress CMS tilbyr et sett med standardiserte bildestørrelser på serveren når du laster opp medier.

<table>
  <thead>
    <tr>
      <th><strong>WordPress standard bildestørrelser</strong></th>
      <th><strong>Størrelse (L x H) i piksler</strong></th>
      <th><strong>Bildeforhold</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Forhåndsvisningsbilder</td>
      <td>150 x 150</td>
      <td>Kan deaktiveres</td>
    </tr>
    <tr>
      <td>Middels</td>
      <td>300 x 300</td>
      <td>Beholdt</td>
    </tr>
    <tr>
      <td>Stor</td>
      <td>1024 x 1024</td>
      <td>Beholdt</td>
    </tr>
    <tr>
      <td>Originalbilde</td>
      <td>Som lastet opp</td>
      <td>Beholdt</td>
    </tr>
  </tbody>
</table>

Tip La navnet ditt tale for seg selv. Få det som du vil med [domeneregistrering](https://www.ionos.com/domains/domain-names "Cheap domain registration from IONOS").

## Lagre WordPress-bilder i backend og juster størrelser

Disse bildestørrelsene er definert i WordPress-innstillingene og kan justeres der innenfor visse grenser. For å gjøre dette, gå til «Innstillinger» &gt; «Media» i backend.

[![Image: Image size settings in the WordPress backend](https://www.ionos.com/nb-no/digitalguide/fileadmin/_processed_/a/2/csm_wordpress-image-size-dashboard-settings_352db3d3cb.webp "Image size settings in the WordPress backend")](https://www.ionos.com/nb-no/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-image-size-dashboard-settings.png) You can customise the preset default image sizes in the WordPress dashboard. Etter at mediefilene er lastet opp, finnes det flere filer i mediebiblioteket. Katalogen for dette er `https://mydomain.com/wp-content/uploads/` eller `https://mydomain.com/wp-content/uploads/2022/11/` (hvis mapper basert på måned og år er aktivert). For eksempel finnes et bilde i følgende filer:

- eksempelbilde-1024x683.jpg
- eksempelbilde-150x150.jpg
- eksempelbilde-1536x1024.jpg
- eksempelbilde-2048x1365.jpg
- eksempelbilde-300x200.jpg
- eksempelbilde-620x413.jpg
- eksempelbilde-skalert.jpg (2560 x 1707 piksler)
- eksempelbilde.jpg (originalen)

Dette gir de beste bildestørrelsene for de fleste WordPress-sider eller -innlegg. Bilder som skal lastes opp til mediebiblioteket, bør ikke være større enn 1920 piksler på den lange siden av bildet. De kan endres i størrelse før de lastes opp med [gratis bilderedigeringsprogrammer](https://www.ionos.com/nb-no/digitalguide/nettsteder/nettdesign/fotoredigeringsprogramvare-testing-av-gratis-verktoey/ "Photo editing software: testing free tools") for å unngå ubehagelige overraskelser. Dette gjelder WebP-bildeformatet, som ikke støttes av alle nettlesere.

Dette er de anbefalte bildestørrelsene for bruk i WordPress-temaer:

<table>
  <thead>
    <tr>
      <th><strong>WordPress-bildestørrelser</strong></th>
      <th><strong>Størrelse (L x H) i piksler</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Logoer</td>
      <td>200 x 100</td>
    </tr>
    <tr>
      <td>Forhåndsvisningsbilder</td>
      <td>150 x 150</td>
    </tr>
    <tr>
      <td>Bakgrunnsbilder</td>
      <td>1920 x 1080</td>
    </tr>
    <tr>
      <td>Bilder i stående format</td>
      <td>900 x 1200</td>
    </tr>
    <tr>
      <td>Legg ut bilder i liggende format</td>
      <td>1200 x 900</td>
    </tr>
    <tr>
      <td>Hodebilder (banner)</td>
      <td>1048 x 250</td>
    </tr>
    <tr>
      <td>Sliderbilder (avhengig av tema)</td>
      <td>Opptil 1920 x ca. 600</td>
    </tr>
  </tbody>
</table>

[![Image: Common image sizes in WordPress](https://www.ionos.com/nb-no/digitalguide/fileadmin/_processed_/b/2/csm_wordpress-common-image-sizes-on-a-website_dcb1876f49.webp "Common image sizes in WordPress")](https://www.ionos.com/nb-no/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-common-image-sizes-on-a-website.png) Commonly used image sizes for WordPress websites at a glance. Photo source: ESB Professional/shutterstock.com De konkrete bildedimensjonene avhenger av komponentene og strukturen i et WordPress-tema. De finnes i dokumentasjonen til det respektive temaet.

## Endre størrelsen på bilder i WordPress-mediebiblioteket

WordPress-bildestørrelser kan også justeres. I tillegg til å endre de opprinnelige bildedimensjonene, er det mulig å beskjære, rotere og speile bildene. For eksempel, for å lage et lysbilde fra et bilde med større dimensjoner i mediebiblioteket, gjør du følgende:

### Trinn 1: Velg bildet i mediebiblioteket og klikk på «Rediger bilde».

[![Image: Image editing in WordPress library](https://www.ionos.com/nb-no/digitalguide/fileadmin/_processed_/9/e/csm_wordpress-media-library-image-size-editing_1bed39b7cd.webp "Image editing in WordPress library")](https://www.ionos.com/nb-no/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-media-library-image-size-editing.png) Select an image from the WordPress media library for custom image resizing. Photo source: ESB Professional/shutterstock.com ### Trinn 2: Angi redigeringsmetode og størrelse

[![Image: Set new image size in WordPress library](https://www.ionos.com/nb-no/digitalguide/fileadmin/_processed_/c/2/csm_wordpress-media-library-set-new-image-size_2eab7969fa.webp "Set new image size in WordPress library")](https://www.ionos.com/nb-no/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-media-library-set-new-image-size.png) Change the image to the desired size using the crop editing method Det er verdt å merke seg at **beskjæringsknappen må brukes to ganger**: én gang for å aktivere funksjonen og deretter en gang til etter at bildedimensjonene er angitt for å utføre operasjonen.

Tip Vil du lagre filer så sikkert som mulig? Bruk [HiDrive Cloud-lagring](https://www.ionos.com/office-solutions/hidrive-cloud-storage "HiDrive Cloud storage from IONOS"). Du kan være trygg på at dataene dine lagres sikkert i henhold til britiske GDPR-standarder.

### Trinn 3: Lagre bildet i mediebiblioteket

[![Image: Save resized image to WordPress library](https://www.ionos.com/nb-no/digitalguide/fileadmin/_processed_/1/a/csm_wordpress-media-library-save-resized-image_6ef7788eea.webp "Save resized image to WordPress library")](https://www.ionos.com/nb-no/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-media-library-save-resized-image.png) ‘Save’ will save the resized image to the WordPress library Etter at det skalerte bildet er lagret, inneholder opplastingsmappen filen.

- forhåndsvisning-bilde-skalert-e1667121439976.jpg

**i fem andre formater** med automatisk tildelt ID …-e1667121439976. De nyopprettede bildestørrelsene kan velges fra mediebiblioteket i Gutenberg-redigeringsprogrammet når du setter inn eller bytter dem. Bildets pikselstørrelse er da også tilgjengelig der.

Tip Hvis det valgte WordPress-temaet ikke tilbyr glidebrytere, kan du ta en titt på utvalget av WordPress-glidebryterplugins.

## Juster bildestørrelsen når du setter inn i WordPress-innholdet

Bildene fra WordPress-mediebiblioteket settes inn i innholdet. Dette gjør det mulig å justere størrelsen i etterkant innenfor vide rammer. WordPress Gutenberg-redigeringsprogrammet tilbyr mye mer omfattende muligheter sammenlignet med det klassiske redigeringsprogrammet TinyMCE.

[![Image: Define best image sizes in WordPress post/page](https://www.ionos.com/nb-no/digitalguide/fileadmin/_processed_/8/8/csm_wordpress-best-image-sizes-for-a-post_ac2291e388.webp "Define best image sizes in WordPress post/page")](https://www.ionos.com/nb-no/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-best-image-sizes-for-a-post.png) Using the Gutenberg block settings for images and the toolbar, an image can be resized as much as possible when inserted into a post or page. The alt text (! Hvis du vil lagre dine tilpassede innstillinger for senere gjenbruk, kan du bruke Gutenberg-delen **«Legg til gjenbrukbare blokker»** og også låse den mot utilsiktet endring. Dette sparer deg for mye arbeid hvis du ofte publiserer nye innlegg.

For profesjonsspesifikke nettsteder, for eksempel en fotografs nettside, kan det være nødvendig med flere bildeformater for å gjengi visjonen din på en perfekt måte. Vår guide[«komprimere bilder»](https://www.ionos.com/nb-no/digitalguide/nettsteder/nettdesign/komprimere-bilder-ved-hjelp-av-gratis-verktoey/ "Compress images with the help of free tools")gir ytterligere hjelp til å justere bildestørrelser, for eksempel for WordPress-galleriplugins.

Tip WordPress lazy loading er en annen måte å forbedre lastetiden til nettsteder på. I dette tilfellet lastes bildene bare inn når de kommer inn i det synlige området mens du blar gjennom nettsiden.

### Deaktiver WordPress standardstørrelser for bilder

Den enkleste måten å deaktivere standard bildestørrelser på er å bruke plugin-modulen **«Disable Media Sizes** ». I innstillingene er alle syv genererte bildeformater også oppført.

[![Image: Disable preset image sizes in WordPress using a plugin](https://www.ionos.com/nb-no/digitalguide/fileadmin/_processed_/6/3/csm_wordpress-disable-preset-image-sizes_7bf4ef8bc2.webp "Disable preset image sizes in WordPress using a plugin")](https://www.ionos.com/nb-no/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-disable-preset-image-sizes.png) The ‘Disable Media Sizes’ plugin allows you to disable the generation of preset WordPress image sizes Med plugin-innstillingene som vises, **genereres ikke** de **fravalgte formatene i det hele tatt**. Opplastingen av det originale bildet kan ikke «slås av». Dette er en fordel hvis du likevel ønsker å generere andre formater senere.

Note Det er også mulig å legge til flere bildeformater eller fjerne dem ved **å gjøre endringer i WordPress-kjernens filer** functions.php og index.php. Dette bør imidlertid forbeholdes erfarne programmerere. En første oversikt over programmeringsspråket finner du i vår PHP-begynnerveiledning.

## Optimaliser bilder for WordPress ytterligere med plugins

I praksis brukes bilder hovedsakelig som JPG og PNG. Filstørrelsene til disse bildeformatene kan justeres ytterligere med bilderedigeringsprogrammer. I Photoshop er det et spørsmål om kvalitet når du lagrer eller eksporterer. Ulempen med denne metoden er at hvert bilde må «berøres» individuelt og deretter lastes opp. Plug-ins er en mer elegant løsning. Disse har ofte et **bredt spekter av funksjoner**, så det er lurt å se nøye på dokumentasjonen til plug-inen som brukes.

Høye installasjonstall og gode vurderinger har for eksempel følgende **WordPress-plugins for justering av WordPress-fil- og bildestørrelser**:

- EWWW Image Optimizer: Støtter formatene: JPG, PNG, GIF, PDF, WebP, SVG
- TinyPNG: Støtter JPG, PNG, WebP
- Imagify: Støtter JPG, PNG, PDF, GIF, WebP
- Regenerate Thumbnails: har ikke blitt oppdatert på en stund
- Image Regenerate &amp; Select Crop: på samme måte

Husk før du prøver plugins: En WordPress-sikkerhetskopi beskytter mot tap av data hvis noe virkelig går galt.

## Sammendrag: Optimaliser størrelsen på bilder i WordPress

Med de innebygde verktøyene i WordPress kan mange optimale bildestørrelser allerede oppnås. Med plugins er det enda flere muligheter tilgjengelig. Endringer i PHP-koden til et WordPress-nettsted bør forbeholdes profesjonelle programmerere. Og til slutt: Husk å ta hensyn til bildesøkemotoroptimalisering når du optimaliserer.


This is a markdown version of: [https://www.ionos.com/nb-no/digitalguide/hosting/blogger/wordpress-bildestoerrelser/](https://www.ionos.com/nb-no/digitalguide/hosting/blogger/wordpress-bildestoerrelser/) for AI/LLM consumption.