Afbeeldingen optimaliseren voor de Elementor-plugin voor WordPress

Het concept van modulaire blokken waaruit WordPress-berichten en -pagina's zijn opgebouwd, ontstond tegelijk met Gutenberg, maar in feite is WordPress zelf modulair van structuur. Neem bijvoorbeeld je WordPress-mediabibliotheek. Je kunt afbeeldingen uploaden en gebruiken in berichten of pagina's, ongeacht de editor die je gebruikt. In dit artikel richten we ons specifiek op Elementor en hoe je afbeeldingen kunt optimaliseren met ImageRecycle.

Net als Gutenberg is Elementor een WordPress-editor waarmee je berichten of pagina's kunt maken en meteen kunt zien hoe ze er voor je lezers uitzien. De structuur van Elementor lijkt ook op die van Gutenberg, omdat het gebruikmaakt van het inmiddels bekende concept van blokken. Dat maakt het gebruik van de WordPress-mediabibliotheek nog eenvoudiger, ook bij het toevoegen van geoptimaliseerde afbeeldingen. Maar eerst even dit: hoe optimaliseer je afbeeldingen in WordPress?

Afbeeldingen optimaliseren met ImageRecycle

Als je ImageRecycle , is het optimaliseren van afbeeldingen voor WordPress een snel en eenvoudig proces. Je moet eerst de ImageRecycle plugin downloaden en installeren op je WordPress-website. Nadat je de plugin hebt geïnstalleerd, ga je naar de configuratie in het instellingenmenu en voer je je API-sleutel en -geheim in. Sla de wijzigingen op en als de sleutel en het geheim overeenkomen, kun je direct beginnen met het optimaliseren van afbeeldingen.

Je kunt de hoofdinterface ImageRecycle via het Media . Deze pagina is eenvoudig en gebruiksvriendelijk. Je ziet hier alle afbeeldingen in je mediabibliotheek, inclusief hun grootte en compressieverhouding. Je kunt op de Optimaliseren ' naast een afbeelding klikken om deze te comprimeren, of op de Alles optimaliseren ' om alle afbeeldingen tegelijk te optimaliseren.

Veel van wat er tijdens het comprimeren gebeurt, hangt af van ImageRecycle . Je kunt bijvoorbeeld kiezen voor compressie met behoud van de beste kwaliteit of compressie met behoud van de originele kwaliteit, waarmee afbeeldingen respectievelijk tot 80% en 20% kunnen worden gecomprimeerd. Meer informatie over het verschil tussen deze twee modi vind je hier .

Welke optimalisatiemodus je ook kiest, deze afbeeldingen worden opgeslagen in je WordPress-mediabibliotheek. Dit betekent dat je ze in je berichten en pagina's kunt gebruiken, ongeacht welke editor je gebruikt. In de rest van dit artikel richten we ons op één specifieke editor: Elementor.

Afbeeldingen optimaliseren in Elementor

Elementor is een krachtige editor voor WordPress-berichten en -pagina's. Net als Gutenberg organiseert het content in blokken, waarbij elk blok een ander element vertegenwoordigt. Zoals je weet, is geen website compleet zonder afbeeldingen en Elementor heeft dan ook een ruime keuze aan afbeeldingsblokken. Hier komt de Mediabibliotheek van pas.

We begonnen het artikel met de uitleg dat WordPress zelf vrij modulair is, en dat is waar alles samenkomt. Waar zou Elementor zijn afbeeldingen vandaan halen, als niet uit de Mediabibliotheek? Oftewel, dezelfde WordPress Mediabibliotheek die je zojuist hebt geoptimaliseerd met ImageRecycle.

Het gebruik van gecomprimeerde afbeeldingen van ImageRecyclein Elementor is heel eenvoudig: sleep een afbeeldingsblok – of het nu een gewone afbeelding, een carrousel, een galerij of iets anders is – naar het blok en laad de afbeeldingen. Je kiest afbeeldingen rechtstreeks uit de WordPress-mediabibliotheek, die de gecomprimeerde afbeeldingen automatisch laadt.

WordPress is in essentie modulair en het zou zonde zijn om daar geen gebruik van te maken. ImageRecycle integreert met elke editor die je gebruikt, zonder je workflow te verstoren. Je hoeft alleen maar afbeeldingen te optimaliseren en ze later in je blog te plaatsen, waardoor je de leeservaring van je WordPress-lezers kunt optimaliseren, ongeacht de editor die je gebruikt.