Zoek naar 'Image' in het widgetpaneel en sleep het naar de gewenste locatie. Klik op het afbeeldingsveld om een afbeelding te kiezen of te uploaden.
Grootte en uitlijning
Onder het tabblad 'Content' stel je de grootte in (thumbnail, medium, full). Onder 'Stijl' pas je de breedte, hoogte en uitlijning aan.
Alt-tekst
Stel altijd een alt-tekst in. Dit doe je in de mediabibliotheek bij het uploaden of selecteren van de afbeelding.
Zo maak je er meer werk van
Comprimeer een afbeelding voordat je hem uploadt: een foto van meerdere megabytes vertraagt je pagina merkbaar. Gebruik het WebP-formaat waar mogelijk, dat is kleiner dan JPEG bij gelijke kwaliteit. Bij websites van MADA Tech comprimeren we afbeeldingen automatisch via de managed WordPress hosting.
Afbeelding bijsnijden in Elementor
Onder het tabblad Stijl vind je de optie 'Afbeeldingsgrootte' waarmee je kunt kiezen voor 'Custom' en zelf een breedte en hoogte invullen. Elementor snijdt de afbeelding dan automatisch bij op de juiste verhouding, zonder dat je een los programma nodig hebt. Handig voor bijvoorbeeld vierkante teamfoto's of een brede banner boven een sectie.
Lazy loading voor snellere pagina's
WordPress laadt afbeeldingen tegenwoordig standaard lui: pas als een bezoeker er bijna naartoe scrolt, wordt de afbeelding echt geladen. Dat versnelt de eerste weergave van je pagina merkbaar. Zet lazy loading niet uit voor afbeeldingen bovenaan de pagina, want die moeten juist meteen zichtbaar zijn zodra de pagina opent.
Zo pak je het slim aan
Controleer na het uploaden altijd de weergave op mobiel: een afbeelding die op desktop mooi is uitgelijnd, kan op een telefoon uitgerekt of bijgesneden ogen. Pas de uitlijning per apparaat aan onder het tabblad Geavanceerd, zodat de afbeelding overal goed staat.
Voorbeeld: een teamfoto op de over-ons pagina
Upload je een teamfoto, kies dan voor een vaste breedte-hoogteverhouding zoals vierkant of 4:3, zodat alle teamfoto's naast elkaar dezelfde vorm hebben. Comprimeer de foto eerst naar maximaal enkele honderden kilobytes en vul een duidelijke alt-tekst in, bijvoorbeeld de naam en functie van de persoon op de foto.
Volgende stap
Wil je niet zelf in Elementor blijven puzzelen? Bij managed hosting van MADA Tech maken of passen wij pagina's op verzoek voor je aan.
Web- en marketingbureau in Assen, sinds 2023. Websites, webshops, software, SEO en beheer voor bedrijven en organisaties in heel Nederland. Websites vanaf €699 of €65 per maand inclusief managed hosting en basis SEO.
We gebruiken cookies om de site goed te laten werken, en met jouw toestemming voor anonieme statistieken en gerichte advertenties. Je kiest zelf wat je deelt.