Direct naar inhoud

Hoe voeg ik een afbeelding toe in Elementor?

Elementor3 min leestijd
5,0 uit 14 Google reviewsVaste prijs voorafUit Assen, actief in heel Nederland

Kort antwoord

Sleep de Image widget naar je pagina en klik op 'Kies afbeelding' om een afbeelding te uploaden of te selecteren uit de mediabibliotheek.

Inhoudsopgave
  1. Kort antwoord
  2. Image widget
  3. Grootte en uitlijning
  4. Alt-tekst
  5. Zo maak je er meer werk van
  6. Afbeelding bijsnijden in Elementor
  7. Lazy loading voor snellere pagina's
  8. Zo pak je het slim aan
  9. Voorbeeld: een teamfoto op de over-ons pagina

Image widget

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.

Managed WordPress hosting

Zie ook

Danny van Elteren

Danny van Elteren

Lead Developer & oprichter · 24 februari 2026

Wanneer MADA Tech inschakelen?

  • Je wilt het niet zelf doen of komt er niet uit
  • Je wilt het in een keer goed laten regelen
  • Je wilt doorlopend beheer en support
  • Je wilt hulp met elementor

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.

Hulp nodig?

Wij helpen je graag verder met persoonlijk advies. Professionele websites vanaf €699 of €65 per maand inclusief beheer.