Afbeeldingen optimaliseren voor de WordPress Elementor-plug-in

Het concept van modulaire blokken waaruit WordPress-berichten en -pagina's bestaan, kwam samen met Gutenberg, maar in werkelijkheid is WordPress zelf modulair van structuur. Neem bijvoorbeeld uw 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 terwijl je ziet hoe ze er voor je lezers uit zullen zien. De structuur van Elementor is ook vergelijkbaar met die van Gutenberg, omdat het het inmiddels bekende concept van blokken gebruikt. Dat maakt het gebruik van de WordPress Mediabibliotheek nog eenvoudiger, ook bij het toevoegen van geoptimaliseerde afbeeldingen. Maar eerst: hoe optimaliseer je afbeeldingen op WordPress?

Afbeeldingen optimaliseren met ImageRecycle

ImageRecycle nog nooit hebt gebruikt , is het optimaliseren van WordPress-afbeeldingen een snel en eenvoudig proces. U moet eerst de ImageRecycle -plug-in downloaden en installeren op uw WordPress-website. Nadat u de plug-in hebt geïnstalleerd, gaat u naar de configuratie ervan onder het instellingenmenu en voert u uw API-sleutel en geheim in. Sla de wijzigingen op en als de sleutel en het geheim overeenkomen, kunt u direct beginnen met het optimaliseren van afbeeldingen.

U kunt de hoofdinterface van ImageRecycle vanuit het mediamenu . Deze pagina is eenvoudig en redelijk rechttoe rechtaan te gebruiken. Het geeft een overzicht van alle afbeeldingen in uw mediabibliotheek en hun formaten en compressieverhoudingen. U kunt op het optimaliseren knop naast afzonderlijke beelden om ze te comprimeren, of op het optimaliseren van alle knop om alle beelden tegelijk te optimaliseren.

Veel van wat er gebeurt tijdens compressie hangt af van ImageRecycle . U kunt er bijvoorbeeld voor kiezen om de beste opslag of compressie van originele kwaliteit te gebruiken, waarmee u afbeeldingen tot respectievelijk 80% en 20% kunt comprimeren. hier meer lezen over het verschil tussen deze twee modi .

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

Geoptimaliseerde afbeeldingen gebruiken in Elementor

Elementor is een krachtige editor voor WordPress-berichten en -pagina's. Net als Gutenberg organiseert het de inhoud in blokken, die elk een ander element vertegenwoordigen. Zoals je weet is geen enkele website echt compleet zonder afbeeldingen en ontbreekt Elementor ook niet op het gebied van afbeeldingsblokken. Dit is waar de Mediabibliotheek in beeld komt.

We begonnen het artikel door uit te leggen dat WordPress zelf nogal modulair is, en dit is waar het allemaal samenkomt. Waar zou Elementor zijn afbeeldingen vandaan halen, zo niet uit de mediabibliotheek? Dat wil zeggen, dezelfde WordPress-mediabibliotheek die u zojuist hebt geoptimaliseerd met ImageRecycle.

Het gebruik van de gecomprimeerde afbeeldingen van ImageRecyclein Elementor is net zo eenvoudig als het slepen en neerzetten van een afbeeldingsblok - of het nu gaat om een ImageRecycle, een carrousel, galerij of iets anders - en het laden van de afbeeldingen. U kiest afbeeldingen rechtstreeks uit de WordPress Media Library, die de gecomprimeerde afbeeldingen automatisch laadt.

WordPress is in wezen modulair en het zou zonde zijn om er geen gebruik van te maken. ImageRecycle sluit aan op elke editor die u gebruikt, zonder uw workflow te ImageRecycle . Het enige dat u hoeft te doen, is afbeeldingen optimaliseren en later in uw blog invoegen, zodat u de ervaring van uw WordPress-lezers kunt optimaliseren, ongeacht de editor die u gebruikt.