# Hoe stel je de beste WordPress-afbeeldingsgrootte in voor snel laden? Het contentmanagementsysteem WordPress biedt de mogelijkheid om naast standaardafbeeldingsformaten ook individuele afbeeldingsformaten te gebruiken. We presenteren belangrijke stappen voor aangepaste afbeeldingsformaten, gebaseerd op WordPress 6.0.3. ## De standaard afbeeldingsformaten in WordPress De bestandsgrootte van afbeeldingen die op een website zijn ingesloten, heeft een grote invloed op de laadsnelheid ervan. Optimale afbeeldingsformaten verkorten de laadtijd en verminderen de geheugenbelasting op de server. Het WordPress CMS biedt een reeks gestandaardiseerde afbeeldingsformaten op de server bij het uploaden van media.
Standaard afbeeldingsformaten van WordPress Afmetingen (L x H) in pixels Beeldverhouding
Voorbeeldafbeeldingen 150 x 150 Kan worden gedeactiveerd
Medium 300 x 300 Behouden
Groot 1024 x 1024 Behouden
Originele afbeelding Zoals geüpload Behouden
Tip Laat uw naam voor zich spreken. Doe het op uw manier met [domeinregistratie](https://www.ionos.com/domains/domain-names "Cheap domain registration from IONOS"). ## WordPress-afbeeldingen opslaan in de backend en formaten aanpassen Deze afbeeldingsformaten worden gedefinieerd in de WordPress-instellingen en kunnen daar binnen bepaalde grenzen worden aangepast. Ga hiervoor naar ‘Instellingen’ > ‘Media’ in de backend. [![Afbeelding: Image size settings in the WordPress backend](https://www.ionos.com/nl-be/digitalguide/fileadmin/_processed_/a/2/csm_wordpress-image-size-dashboard-settings_352db3d3cb.webp "Image size settings in the WordPress backend")](https://www.ionos.com/nl-be/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-image-size-dashboard-settings.png) You can customise the preset default image sizes in the WordPress dashboard. Na het uploaden van de media zijn er extra bestanden in de mediabibliotheek. De map hiervoor is `https://mydomain.com/wp-content/uploads/` of `https://mydomain.com/wp-content/uploads/2022/11/` (als mappen op basis van maand en jaar zijn ingeschakeld). Een afbeelding staat bijvoorbeeld in de volgende bestanden: - voorbeeldafbeelding-1024x683.jpg - voorbeeldafbeelding-150x150.jpg - voorbeeldafbeelding-1536x1024.jpg - voorbeeldafbeelding-2048x1365.jpg - voorbeeldafbeelding-300x200.jpg - voorbeeldafbeelding-620x413.jpg - voorbeeldfoto-geschaald.jpg (2.560 x 1.707 px) - voorbeeldafbeelding.jpg (het origineel) Dit biedt de beste afbeeldingsformaten voor de meeste WordPress-pagina’s of -berichten. Afbeeldingen die naar de mediabibliotheek worden geüpload, mogen niet groter zijn dan 1920 pixels aan de lange kant van de afbeelding. Ze kunnen vóór het uploaden worden verkleind met [gratis beeldbewerkingsprogramma’s](https://www.ionos.com/nl-be/digitalguide/websites/webdesign/fotobewerkingssoftware-gratis-tools-testen/ "Photo editing software: testing free tools") om onaangename verrassingen te voorkomen. Dat geldt ook voor het WebP-afbeeldingsformaat, dat niet door alle browsers standaard wordt ondersteund. Dit zijn de aanbevolen afbeeldingsformaten voor gebruik in WordPress-thema’s:
WordPress-afbeeldingsformaten Afmetingen (L x H) in pixels
Logo’s 200 x 100
Voorbeeldafbeeldingen 150 x 150
Achtergrondafbeeldingen 1920 x 1080
Afbeeldingen in staand formaat plaatsen 900 x 1200
Afbeeldingen in liggend formaat plaatsen 1200 x 900
Kopafbeeldingen (banner) 1048 x 250
Sliderafbeeldingen (afhankelijk van het thema) Tot 1920 x ca. 600
[![Afbeelding: Common image sizes in WordPress](https://www.ionos.com/nl-be/digitalguide/fileadmin/_processed_/b/2/csm_wordpress-common-image-sizes-on-a-website_dcb1876f49.webp "Common image sizes in WordPress")](https://www.ionos.com/nl-be/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 vereiste afmetingen van de afbeelding zijn afhankelijk van de componenten en structuur van een WordPress-thema. Ze zijn te vinden in de documentatie van het betreffende thema. ## Afbeeldingen in de WordPress-mediabibliotheek vergroten of verkleinen De afmetingen van WordPress-afbeeldingen kunnen ook worden aangepast. Naast het wijzigen van de oorspronkelijke afmetingen van de afbeelding, is het ook mogelijk om afbeeldingen bij te snijden, te draaien en om te keren. Om bijvoorbeeld een sliderfoto te maken van een afbeelding met grotere afmetingen in de mediabibliotheek, gaat u als volgt te werk: ### Stap 1: Selecteer een afbeelding in de mediabibliotheek en klik op ‘Afbeelding bewerken’. [![Afbeelding: Image editing in WordPress library](https://www.ionos.com/nl-be/digitalguide/fileadmin/_processed_/9/e/csm_wordpress-media-library-image-size-editing_1bed39b7cd.webp "Image editing in WordPress library")](https://www.ionos.com/nl-be/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 ### Stap 2: Stel de bewerkingsmethode en grootte in [![Afbeelding: Set new image size in WordPress library](https://www.ionos.com/nl-be/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/nl-be/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 Het is belangrijk om te weten dat de **knop ‘Bijsnijden’ twee keer moet worden gebruikt**: eenmaal om de functie te activeren en een tweede keer nadat de afmetingen van de afbeelding zijn ingesteld om de bewerking uit te voeren. Tip Wilt u bestanden zo veilig mogelijk opslaan? Gebruik dan [HiDrive Cloud-opslag](https://www.ionos.com/office-solutions/hidrive-cloud-storage "HiDrive Cloud storage from IONOS"). U kunt erop vertrouwen dat uw gegevens veilig worden opgeslagen volgens de Britse GDPR-normen. ### Stap 3: Afbeelding opslaan in mediabibliotheek [![Afbeelding: Save resized image to WordPress library](https://www.ionos.com/nl-be/digitalguide/fileadmin/_processed_/1/a/csm_wordpress-media-library-save-resized-image_6ef7788eea.webp "Save resized image to WordPress library")](https://www.ionos.com/nl-be/digitalguide/fileadmin/DigitalGuide/Screenshots_2023/wordpress-media-library-save-resized-image.png) ‘Save’ will save the resized image to the WordPress library Nadat de geschaalde afbeelding is opgeslagen, bevat de uploadmap het bestand. - preview-afbeelding-geschaald-e1667121439976.jpg **in nog vijf andere formaten** met de automatisch toegewezen ID …-e1667121439976. De nieuw aangemaakte afbeeldingsformaten kunnen worden geselecteerd uit de mediabibliotheek in de Gutenberg-editor wanneer ze worden ingevoegd of vervangen. De pixelafmetingen van de afbeelding zijn dan ook daar beschikbaar. Tip Als het door u gekozen WordPress-thema geen sliders biedt, kunt u een kijkje nemen bij het aanbod aan WordPress-sliderplugins. ## Pas de afbeeldingsgrootte aan wanneer je deze invoegt in de WordPress-inhoud De afbeeldingen uit de WordPress-mediabibliotheek worden in de inhoud ingevoegd. Hierdoor kunnen de afmetingen achteraf binnen ruime grenzen worden aangepast. De WordPress Gutenberg-editor biedt veel uitgebreidere mogelijkheden dan de klassieke editor TinyMCE. [![Afbeelding: Define best image sizes in WordPress post/page](https://www.ionos.com/nl-be/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/nl-be/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 (! Als u uw aangepaste instellingen wilt opslaan voor later gebruik, kunt u de Gutenberg-functie **‘Toevoegen aan herbruikbare blokken’** gebruiken en deze ook vergrendelen om onbedoelde wijzigingen te voorkomen. Dit bespaart u veel werk als u regelmatig nieuwe berichten publiceert. Voor beroepsspecifieke websites, zoals de website van een fotograaf, kunnen aanvullende afbeeldingsformaten nodig zijn om uw visie perfect weer te geven. Onze handleiding[’afbeeldingen comprimeren’](https://www.ionos.com/nl-be/digitalguide/websites/webdesign/comprimeer-afbeeldingen-met-behulp-van-gratis-tools/ "Compress images with the help of free tools")biedt verdere hulp bij het aanpassen van afbeeldingsformaten, bijvoorbeeld voor WordPress-galerijplugins. Tip WordPress lazy loading is een andere manier om de laadtijden van websites te verbeteren. In dit geval worden afbeeldingen alleen geladen wanneer ze in het zichtbare gebied komen tijdens het scrollen op de webpagina. ### WordPress standaardafmetingen voor afbeeldingen uitschakelen De eenvoudigste manier om de standaardafbeeldingsformaten uit te schakelen, is door de plug-in **‘Disable Media Sizes’** te gebruiken. In de instellingen ervan worden ook alle zeven gegenereerde afbeeldingsformaten weergegeven. [![Afbeelding: Disable preset image sizes in WordPress using a plugin](https://www.ionos.com/nl-be/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/nl-be/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 Met de getoonde instellingen van de plug-in **worden** de **niet-geselecteerde formaten helemaal niet gegenereerd**. Het uploaden van de originele afbeelding kan niet worden ‘uitgeschakeld’. Dit is een voordeel als u later toch andere formaten wilt genereren. Opmerking Het toevoegen van andere afbeeldingsformaten of het onderdrukken ervan is ook mogelijk met **vermeldingen in de WordPress-kernbestanden** functions.php en index.php. Dit is echter voorbehouden aan ervaren programmeurs. Een eerste overzicht van de programmeertaal vindt u in onze [PHP-tutorial voor beginners](https://www.ionos.com/nl-be/digitalguide/websites/website-ontwikkeling/leer-php-onze-allesomvattende-php-tutorial-voor-beginners/ "Learn PHP: our all-encompassing PHP tutorial for beginners"). ## Beelden verder optimaliseren voor WordPress met plug-ins In de praktijk worden afbeeldingen voornamelijk gebruikt als JPG en PNG. De bestandsgrootte van deze afbeeldingsformaten kan verder worden aangepast met beeldbewerkingsprogramma’s. In Photoshop wordt bij het opslaan of exporteren gevraagd naar de kwaliteit. Het nadeel van deze methode is dat elke afbeelding afzonderlijk moet worden ‘bewerkt’ en vervolgens geüpload. Plug-ins zijn een elegantere oplossing. Deze hebben vaak een **breed scala aan functies**, dus het is raadzaam om de documentatie van de gebruikte plug-in goed door te nemen. Hoge installatiecijfers en goede beoordelingen hebben bijvoorbeeld de volgende **WordPress-plugins voor het aanpassen van WordPress-bestands- en afbeeldingsgroottes**: - EWWW Image Optimizer: Ondersteunt de volgende formaten: JPG, PNG, GIF, PDF, WebP, SVG - TinyPNG: Ondersteunt JPG, PNG, WebP - Imagify: ondersteunt JPG, PNG, PDF, GIF, WebP - Regenerate Thumbnails: al enige tijd niet bijgewerkt - Image Regenerate & Select Crop: idem Onthoud voordat u plug-ins probeert: een WordPress-back-up beschermt tegen gegevensverlies als er echt iets misgaat. ## Samenvatting: Optimaliseer de afbeeldingsgroottes in WordPress Met de ingebouwde tools van WordPress kunnen al veel optimale afbeeldingsformaten worden bereikt. Met plug-ins zijn er nog meer mogelijkheden beschikbaar. Het aanpassen van de PHP-code van een WordPress-site moet worden voorbehouden aan programmeurs. En tot slot: houd bij het optimaliseren rekening met de SEO van afbeeldingen. This is a markdown version of: [https://www.ionos.com/nl-be/digitalguide/hosting/blogs/afbeeldingsformaten-in-wordpress/](https://www.ionos.com/nl-be/digitalguide/hosting/blogs/afbeeldingsformaten-in-wordpress/) for AI/LLM consumption.