Afbeeldingen gebruiken in WordPress
Afbeeldingen worden op WordPress websites natuurlijk veel gebruikt. Een afbeelding zegt meer dan duizend woorden en het maakt de pagina aantrekkelijker. Ze spelen soms een sleutelrol in het verhogen van uw conversie, enzovoort.
Op een gemiddelde website zijn afbeeldingen de grootste bestanden die geladen moeten worden. Hiermee zijn zij in potentie ook grote boosdoeners als het gaat om slechte laadtijden van uw website. En dit hoeft 9 van de 10 keer helemaal niet zo te zijn. Afbeeldingen plaatsen vergt een bijzondere aandacht en je moet weten waar je op moet letten. In dit artikel ga ik hier dieper op in.
Afbeeldingen uploaden in de media library
U heeft een mooie (stock) foto van een hoge kwaliteit gevonden en wil deze gebruiken op uw website. Via de media library van WordPress voegt u de foto toe, om deze later te gebruiken op één of meerdere pagina’s. Zover allemaal goed. Maar…..
Wist u dat u afbeeldingen van een compressie kan voorzien waardoor ze een stuk kleiner worden qua megabytes, zonder een zichtbaar verlies van de kwaliteit? Hierdoor worden ze sneller geladen en getoond. Een populaire gratis plug-in hiervoor is WP Smushit. Via uw wp-admin gaat u naar plugins en kiest u voor “nieuwe toevoegen”. Zoek vervolgens naar WP Smushit van WPMU DEV, installeer en activeer deze.
Links in het menu ziet u de link “Smush” verschijnen. Klik hierop en u ziet een pagina waar u de instellingen kan regelen. Scrol naar beneden totdat u de sectie “Instellingen” ziet.
Hierboven ziet u de instellingen zoals ik ze hanteer. Er staat een uitleg bij iedere instelling. Maak op basis hiervan een afweging wat voor u de beste instellingen zijn, of neem bovenstaande over.
Bulk smush
Heeft u al afbeeldingen op uw website staan? Met bulk smush kunt u in één keer alle afbeeldingen optimaliseren. Druk hiervoor op de knop “Bulk smush now”. Deze knop vindt u net boven de sectie instellingen.
Het juiste formaat van uw afbeelding kiezen
Uw afbeeldingen zijn in diverse formaten geoptimaliseerd. Maar nu gaat u een afbeelding toevoegen op een pagina. Bij het invoegen van een afbeelding krijgt u vaak de keuze welk formaat van de afbeelding u in wil voegen. Maak hier de juiste keuze, dit is erg belangrijk! Kies dus geen versie van de afbeelding die het beste aansluit op uw situatie. Hieronder een voorbeeld van de mogelijkheid die WordPress Block editor aanbiedt na het invoegen van een afbeelding.
Voor de duidelijkheid. Stel dat de foto nooit breder dan 300 pixels op uw pagina getoond gaat worden, voeg dan geen versie in die 800 pixels breed is. Kies de versie die het dichtst bij die 300 pixels ligt.
Afbeelding handmatig bijschalen
Wanneer er geen formaat beschikbaar is die dicht bij het gewenste formaat ligt. Neem dan even de tijd om de afbeelding te bewerken naar het juiste formaat. Dit kan gewoon binnen WordPress.
Klik op de afbeelding en kies voor bewerken, of als u die optie niet krijgt… ga naar de media library, selecteer de afbeelding en kies voor “Afbeelding bewerken”.
U ziet dat deze afbeelding het formaat van 800 bij 400 pixels heeft. In dat vak kunt u het formaat wijzigen. Wanneer u alleen de breedte (800) wijzigt, zal de hoogte automatisch in de juiste ratio mee wijzigen. Stel de breedte nu dus in op 300 pixels (of wat voor u de juiste afmeting is) en druk op “Schalen”. De afbeelding wordt automatisch opgeslagen.
Ga nu terug naar uw pagina en voeg de afbeelding toe. De afbeelding is nu niet groter dan nodig is en uw pagina blijft zo snel als mogelijk is wat betreft deze afbeelding.
Tooltip!
In de WP Smushit plugin is een instelling beschikbaar die u automatisch wijst op afbeeldingen die te groot zijn voor de plek waar ze staan. Zoek in de instellingen van de plugin onder het tabje “Tools” naar de optie “Image resize detection” en schakel deze in.
Vragen of hulp nodig?
Natuurlijk kunnen wij u ook helpen met het optimaliseren van uw afbeeldingen. Volg hiervoor één van onze trainingen, of neem contact met ons op.