Lever afbeeldingen in moderne indelingen | Zo doe je dat!

Voor de ervaren website-eigenaren onder ons zal dit waarschijnlijk vanzelfsprekend zijn, maar mocht je deze ervaring nog niet hebben, ga dan eerst naar het beheerdersgedeelte van je website.

• Ga hiervoor naar: www.jouwwebsite.nl/wp-admin en log hier in.

Ben je al ingelogd? (Zie je aan de bovenkant van je website de zwarte WordPress balk? Dan ben je ingelogd)

• Klik linksbovenin de zwarte balk op de naam van je website om naar het ‘dashboard’ te gaan.
  

Twijfelde je nog of je op een beheerdersaccount ingelogd was of niet? Dan zul je dit nu zien. Want enkel een beheerder van een website ziet het menu-item ‘Plugins’ in WordPress. (Uitzonderingen daargelaten). Zie je dit onderdeel niet? Dan heb je waarschijnlijk geen toegang. Vraag dan aan je webbouwer of deze je verder kan helpen of toegang kan geven.

• Klik op het onderdeel ‘Plugins’ in de zwarte zijbalk.

Vanuit de pagina plugins ga je een nieuwe plugin installeren. Waarschijnlijk zie je hier meer of andere plugins. Dit maakt voor dit stappenplan niet uit.

• Klik naast de titel ‘Plugins’ op de knop ‘Nieuwe plugin’.

• Gebruik de zoekbalk rechtsbovenin je scherm om te zoeken naar de plugin ‘Converter for Media’. 

Wacht enkele seconden na het intypen van de zoekterm. De plugin verschijnt vanzelf.

Als het goed is zie je in de zoekresultaten de plugin ‘Converter for Media’ staan. (zie de afbeelding hieronder).

• Klik in het blok van de plugin op de grijze ‘Nu installeren’ knop.
• Wacht een paar seconden tot de knop blauw wordt.

Na het installeren van de plugin is de plugin nog niet actief. Dit doe je door op de blauwe knop ‘Activeren’ te klikken.

• Klik in het blok van de plugin op de blauwe ‘Activeren’ knop.

Om de plugin op de juiste manier in te stellen ga je allereerst naar de instellingen pagina van deze plugin. Omdat het een plugin is die gebruikt wordt om je media bestanden aan te passen, doe je dit in het onderdeel ‘Media’.

• Ga met je muis op het onderdeel ‘Media’ in de zwarte zijbalk staan (NIET KLIKKEN)
• Klik in het uitklapmenu op ‘Converter for Media’

Bij veel websites zal er een server configuratiefout getoond worden. Deze is gelukkig heel eenvoudig op te lossen. Volg hiervoor de volgende stappen. (zie je deze foutmelding niet, dan kun je de stappen 8 t/m 10 overslaan)

• Ga naar de volgende stap

• Scroll iets naar beneden op de pagina en open het tabblad ‘Geavanceerde instellingen’
• Pas bij ‘Laadmethode voor afbeeldingen’ het vinkje aan naar ‘Nginx’

• Scroll nog iets verder naar beneden en sla de wijzigingen op met de knop ‘Wijzigingen opslaan’

Nu de voorbereidingen getroffen zijn is het tijd om alle afbeeldingen te optimaliseren. Gelukkig hoef je dit niet 1-voor-1 te doen, want Converter for Media heeft een bulkoptimalisatie functionaliteit.

• Open de instellingen pagina opnieuw:
• Ga met je muis op het onderdeel ‘Media’ in de zwarte zijbalk staan (NIET KLIKKEN)
• Klik in het uitklapmenu op ‘Converter for Media’
• Klik nu op de knop ‘Start Bulkoptimalisatie’
• Wacht tot de optimalisatie voltooid is. 

Het grote voordeel van WEBP bestanden is dat deze een stuk kleiner zijn dan andere bestandsformaten zoals JPG of PNG. Zodra de optimalisatie voltooid is zie je wat de besparing voor jouw website is geweest. Dit kan zo enkele tot tientallen MB’s zijn.