# Sådan indstiller du den bedste WordPress-billedstørrelse for hurtig indlæsning

Indholdsstyringssystemet WordPress giver mulighed for at bruge individuelle billedformater ud over standardbilledstørrelser. Vi præsenterer vigtige trin til tilpassede billedstørrelser baseret på WordPress 6.0.3.

## Standardbilledstørrelser i WordPress

Filstørrelsen på billeder, der er indlejret på et websted, har stor indflydelse på dets indlæsningshastighed. Optimale billedformater forkorter indlæsningstiden og reducerer hukommelsesbelastningen på serveren. WordPress CMS tilbyder et sæt standardiserede billedstørrelser på serveren, når der uploades medier.

<table>
  <thead>
    <tr>
      <th><strong>WordPress standard billedstørrelser</strong></th>
      <th><strong>Størrelse (L x H) i pixels</strong></th>
      <th><strong>Billedformat</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Forhåndsvisningsbilleder</td>
      <td>150 x 150</td>
      <td>Kan deaktiveres</td>
    </tr>
    <tr>
      <td>Medium</td>
      <td>300 x 300</td>
      <td>Bevaret</td>
    </tr>
    <tr>
      <td>Stor</td>
      <td>1024 x 1024</td>
      <td>Bevaret</td>
    </tr>
    <tr>
      <td>Originalbillede</td>
      <td>Som uploadet</td>
      <td>Bevaret</td>
    </tr>
  </tbody>
</table>

Tip Lad dit navn tale for sig selv. Få det, som du vil have det, med [domæneregistrering](https://www.ionos.co.uk/domains/domain-names "Cheap domain registration from IONOS").

## Gem WordPress-billeder i backend og juster størrelserne

Disse billedstørrelser er defineret i WordPress-indstillingerne og kan justeres der inden for visse grænser. For at gøre dette skal du gå til ‘Indstillinger’ &gt; ‘Medier’ i backend.

[![Billede: Image size settings in the WordPress backend](https://www.ionos.com/da-dk/digitalguide/fileadmin/_processed_/a/2/csm_wordpress-image-size-dashboard-settings_352db3d3cb.webp "Image size settings in the WordPress backend")](https://www.ionos.com/da-dk/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-image-size-dashboard-settings.png) You can customise the preset default image sizes in the WordPress dashboard. Efter medieoverførslen findes der yderligere filer i mediebiblioteket. Mappen for dette er `https://mydomain.com/wp-content/uploads/` eller `https://mydomain.com/wp-content/uploads/2022/11/` (hvis mapper baseret på måned og år er aktiveret). Et billede findes for eksempel i følgende filer:

- eksempelbillede-1024x683.jpg
- eksempelbillede-150x150.jpg
- eksempelbillede-1536x1024.jpg
- eksempelbillede-2048x1365.jpg
- eksempelbillede-300x200.jpg
- eksempelbillede-620x413.jpg
- eksempelbillede-skaleret.jpg (2.560 x 1.707 px)
- eksempelbillede.jpg (originalen)

Dette giver de bedste billedstørrelser til de fleste WordPress-sider eller -indlæg. Billeder, der skal uploades til mediebiblioteket, bør ikke være større end 1.920 pixels på den lange kant af billedet. De kan ændres i størrelse inden upload med [gratis billedredigeringsprogrammer](https://www.ionos.com/da-dk/digitalguide/websteder/webdesign/fotoredigeringssoftware-test-af-gratis-vaerktoejer/ "Photo editing software: testing free tools") for at undgå ubehagelige overraskelser. Det gælder WebP-billedformatet, som ikke understøttes af alle browsere.

Dette er de anbefalede billedstørrelser til brug i WordPress-temaer:

<table>
  <thead>
    <tr>
      <th><strong>WordPress-billedstørrelser</strong></th>
      <th><strong>Størrelse (L x H) i pixels</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Logoer</td>
      <td>200 x 100</td>
    </tr>
    <tr>
      <td>Forhåndsvisningsbilleder</td>
      <td>150 x 150</td>
    </tr>
    <tr>
      <td>Baggrundsbilleder</td>
      <td>1920 x 1080</td>
    </tr>
    <tr>
      <td>Indlæg i stående format</td>
      <td>900 x 1200</td>
    </tr>
    <tr>
      <td>Indlæg billeder i liggende format</td>
      <td>1200 x 900</td>
    </tr>
    <tr>
      <td>Header-billeder (banner)</td>
      <td>1048 x 250</td>
    </tr>
    <tr>
      <td>Slider-billeder (afhængigt af tema)</td>
      <td>Op til 1920 x ca. 600</td>
    </tr>
  </tbody>
</table>

[![Billede: Common image sizes in WordPress](https://www.ionos.com/da-dk/digitalguide/fileadmin/_processed_/b/2/csm_wordpress-common-image-sizes-on-a-website_dcb1876f49.webp "Common image sizes in WordPress")](https://www.ionos.com/da-dk/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 krævede billeddimensioner afhænger af komponenterne og strukturen i et WordPress-tema. De kan findes i dokumentationen til det pågældende tema.

## Ændre størrelsen på billeder i WordPress-mediebiblioteket

WordPress-billedstørrelser kan også justeres. Udover at ændre de originale billeddimensioner er det også muligt at beskære, rotere og spejlvende billeder. For eksempel kan du gøre følgende for at oprette et slider-foto fra et billede med større dimensioner i mediebiblioteket:

### Trin 1: Vælg billedet i mediebiblioteket og klik på ‘Rediger billede’.

[![Billede: Image editing in WordPress library](https://www.ionos.com/da-dk/digitalguide/fileadmin/_processed_/9/e/csm_wordpress-media-library-image-size-editing_1bed39b7cd.webp "Image editing in WordPress library")](https://www.ionos.com/da-dk/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 ### Trin 2: Indstil redigeringsmetode og størrelse

[![Billede: Set new image size in WordPress library](https://www.ionos.com/da-dk/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/da-dk/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 værd at bemærke, at **beskæringsknappen skal bruges to gange**: én gang for at aktivere funktionen og derefter en anden gang efter indstilling af billeddimensionerne for at udføre operationen.

Tip Vil du gemme filer så sikkert som muligt? Brug [HiDrive Cloud-lagerplads](https://www.ionos.co.uk/office-solutions/hidrive-cloud-storage "HiDrive Cloud storage from IONOS"). Du kan være sikker på, at dine data gemmes sikkert i overensstemmelse med britiske GDPR-standarder.

### Trin 3: Gem billedet i mediebiblioteket

[![Billede: Save resized image to WordPress library](https://www.ionos.com/da-dk/digitalguide/fileadmin/_processed_/1/a/csm_wordpress-media-library-save-resized-image_6ef7788eea.webp "Save resized image to WordPress library")](https://www.ionos.com/da-dk/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-media-library-save-resized-image.png) ‘Save’ will save the resized image to the WordPress library Efter at have gemt det skalerede billede indeholder upload-mappen filen

- preview-image-scaled-e1667121439976.jpg

**i yderligere fem formater** med det automatisk tildelte ID …-e1667121439976. De nyoprettede billedstørrelser kan vælges fra mediebiblioteket i Gutenberg-editoren, når de indsættes eller udskiftes. Billedets pixelstørrelse er også tilgængelig der.

Tip Hvis dit valgte WordPress-tema ikke tilbyder sliders, kan du se på udvalget af WordPress-slider-plugins.

## Juster billedstørrelsen, når du indsætter det i WordPress-indholdet

Billederne fra WordPress-mediebiblioteket indsættes i indholdet. Dette gør det muligt at justere størrelserne efterfølgende inden for brede grænser. WordPress Gutenberg-editoren tilbyder langt mere omfattende muligheder sammenlignet med den klassiske editor TinyMCE.

[![Billede: Define best image sizes in WordPress post/page](https://www.ionos.com/da-dk/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/da-dk/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 gemme dine brugerdefinerede indstillinger til senere brug, kan du bruge Gutenberg-sektionen **“Føj til genanvendelige blokke”** og også låse den mod utilsigtede ændringer. Dette sparer dig for en masse arbejde, hvis du ofte offentliggør nye indlæg.

For faglige hjemmesider, såsom en fotografs hjemmeside, kan der være behov for yderligere billedformater for at gengive din vision perfekt. Vores guide[’komprimere billeder’](https://www.ionos.com/da-dk/digitalguide/websteder/webdesign/bilder-komprimieren-mithilfe-kostenloser-tools/ "Compress images with the help of free tools")giver yderligere hjælp til at justere billedstørrelser, f.eks. til WordPress-galleri-plugins.

Tip WordPress lazy loading er en anden måde at forbedre webstedets indlæsningstid på. I dette tilfælde indlæses billeder kun, når de kommer ind i det synlige område, mens man ruller ned på websiden.

### Deaktiver WordPress’ standardstørrelser for billeder

Den nemmeste måde at deaktivere standardbilledstørrelserne på er at bruge plugin’et **’Disable Media Sizes** ’. I dets indstillinger er alle syv genererede billedformater også angivet.

[![Billede: Disable preset image sizes in WordPress using a plugin](https://www.ionos.com/da-dk/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/da-dk/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 de viste plugin-indstillinger **genereres** de **fravalgte formater slet ikke**. Uploaden af det originale billede kan ikke ‘slås fra’. Dette er en fordel, hvis du alligevel ønsker at generere andre formater senere.

Note Det er også muligt at tilføje yderligere billedformater eller undertrykke dem med **indtastninger i WordPress-kernefilerne** functions.php og index.php. Dette bør dog forbeholdes erfarne programmører. En første oversigt over programmeringssproget findes i vores PHP-begyndervejledning.

## Optimer billeder yderligere til WordPress med plugins

I praksis bruges billeder hovedsageligt som JPG og PNG. Filstørrelsen på disse billedformater kan justeres yderligere med billedredigeringsprogrammer. I Photoshop er der en forespørgsel om kvalitet, når man gemmer eller eksporterer. Ulempen ved denne metode er, at hvert billede skal ‘røres’ individuelt og derefter uploades. Plug-ins er en mere elegant løsning. Disse har ofte en **bred vifte af funktioner**, så det er tilrådeligt at se nærmere på dokumentationen for det anvendte plugin.

Høje installationsantal og gode vurderinger har for eksempel følgende **WordPress-plugins til justering af WordPress-fil- og billedstørrelser**:

- EWWW Image Optimizer: Understøtter formaterne: JPG, PNG, GIF, PDF, WebP, SVG
- TinyPNG: Understøtter JPG, PNG, WebP
- Imagify: Understøtter JPG, PNG, PDF, GIF, WebP
- Regenerate Thumbnails: er ikke blevet opdateret i et stykke tid
- Image Regenerate &amp; Select Crop: ligeledes

Husk inden du prøver plugins: En WordPress-backup beskytter mod datatab, hvis noget virkelig går galt.

## Resumé: Optimér WordPress-billedstørrelser

Med WordPress’ indbyggede værktøjer kan mange optimale billedstørrelser allerede opnås. Med plugins er der endnu flere muligheder. Indgreb i PHP-koden på et WordPress-websted bør forbeholdes professionelle programmører. Og til sidst: Husk billed-SEO, når du optimerer.


This is a markdown version of: [https://www.ionos.com/da-dk/digitalguide/hosting/blogs/wordpress-billedstoerrelser/](https://www.ionos.com/da-dk/digitalguide/hosting/blogs/wordpress-billedstoerrelser/) for AI/LLM consumption.