Help Center > Editor V4 > Elements > Afbeeldingselement

Afbeeldingselement

Laatste update: september 3, 2025

Deze post is vertaald met behulp van automatische vertaling, waardoor er kleine onnauwkeurigheden of verschillen in formulering ten opzichte van het origineel kunnen zijn. Sorry voor eventuele foutjes of onduidelijkheden, neem gerust contact met ons op als wij iets voor je mogen verhelderen.

Wie kan deze functie gebruiken:
Dit artikel is voor Editor v4 gebruikers. Als je Editor v3 gebruikt, bekijk dan het relevante artikel hier: Afbeelding widget

Het element toevoegen en verwijderen

Om een widget te openen en te gebruiken:

  1. Klik op + in de Elementor Editor.
    Alle beschikbare widgets worden weergegeven.

  2. Klik of sleep de widget naar het canvas. Voor meer informatie, zie Elementen toevoegen aan een pagina.

Om de widget te verwijderen:

  1. Selecteer het element op het canvas door erop te klikken.
  2. Druk op de delete-toets op je toetsenbord. Voor meer informatie, zie Elementen van een pagina verwijderen.

Wat is een afbeeldingselement?

Afbeeldingen spelen een cruciale rol bij het trekken van aandacht op websites. Het Afbeeldingselement stelt je in staat om foto’s toe te voegen en aan te passen op je website. Je kunt afbeeldingen uploaden of selecteren, grootte en uitlijning aanpassen, hover-effecten en filters toepassen, en foto’s koppelen aan specifieke URL’s.

Bekijk alle opties die beschikbaar zijn met de Paragraaf widget.

Veelvoorkomend gebruiksscenario

Alex bouwt een website voor een nieuw café. Bovenaan de homepage willen ze een opvallende afbeelding die de aandacht van potentiële klanten zal trekken.

Aanvullende gebruikssituaties

  • Gebruik het Afbeeldingselement om een prachtige portfoliogalerij te maken. Elke afbeelding kan gekoppeld worden aan een projectpagina of een gedetailleerde weergave.
  • Als je een evenement of webinar organiseert, kan het afbeeldingselement je helpen visueel aantrekkelijke banners of posters te maken.
  • Gebruik afbeeldingen om voor- en na-transformaties weer te geven voor huisrenovaties, fitnessvoortgang, of elke andere transformatiereis.

Een afbeeldingselement toevoegen: stap-voor-stap

  1. Voeg de Afbeelding widget toe aan het canvas. Voor details, zie Elementen toevoegen aan een pagina.

    De opties voor het Afbeeldingselement verschijnen in het linkerpaneel.

  2. In het Algemeen tabblad, beweeg over het Afbeelding veld en klik op Afbeelding selecteren.
  3. Kies een afbeelding uit de Mediabibliotheek en klik op Selecteren.
    Om een grote indruk te maken, laten we de Afbeeldingsresolutie op Volledig staan, maar afhankelijk van je behoeften kun je het dropdown menu gebruiken om de resolutie te wijzigen.
    We willen dat bezoekers die op de afbeelding klikken naar de reserveringspagina gaan, dus voegen we een link toe aan de afbeelding.

  4. Klik op het plusteken naast Link.

  5. In het Link tekstvak, voeg de URL toe van de pagina waarnaar je wilt linken.

    Door op de afbeelding te klikken gaat de bezoeker naar de Link URL.

Instellingen voor het afbeeldingselement

Je kunt je elementen aanpassen met inhoud en stijl, wat je veel flexibiliteit biedt om ze aan te passen aan je behoeften. Klik op de tabbladen hieronder om alle beschikbare instellingen voor dit element te zien.

Algemeen tabblad

Klik om een afbeelding toe te voegen aan het element.

Gebruik het dropdown menu om de afbeeldingskwaliteit te selecteren. Hoe hoger de resolutie, hoe hoger de kwaliteit. Afbeeldingen van hoge kwaliteit hebben grotere bestandsgroottes en kunnen de laadtijden van pagina’s beïnvloeden.

Link: Klik op het plusteken om een link in te voeren. Bezoekers die op de Afbeelding klikken openen de link.

Openen in een nieuw tabblad: Als de Afbeelding een link bevat, schakel dit in als je wilt dat de link in een nieuw tabblad opent.

Gebruik het dropdown menu om de afbeeldingskwaliteit te selecteren. Hoe hoger de resolutie, hoe hoger de kwaliteit. Afbeeldingen van hoge kwaliteit hebben grotere bestandsgroottes en kunnen de laadtijden van pagina’s beïnvloeden.

Link: Klik op het plusteken om een link in te voeren. Bezoekers die op de Afbeelding klikken openen de link.

Openen in een nieuw tabblad: Als de Afbeelding een link bevat, schakel dit in als je wilt dat de link in een nieuw tabblad opent.

Zie de individuele artikelen over Stijlopties:

Stijl tab

Zie de individuele artikelen over Stijlopties:

Op deze pagina

Deel dit artikel

Hosted with