Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.

Afbeeldingen gebruiken in HubSpot-content

Laatst bijgewerkt: oktober 30, 2023

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

Alle producten en plannen

Je kunt afbeeldingen toevoegen aan rijke tekstmodules of afbeeldingsmodules in HubSpot content. Rijke tekstmodules ondersteunen meerdere soorten content (afbeeldingen, tekst, CTA's, etc.), terwijl elke afbeeldingsmodule slechts één afbeelding kan bevatten.

Let op: tekstmodules en aangepaste rijke tekstmodules in de e-maileditor voor slepen en neerzetten kunnen geen afbeeldingen bevatten.

Afbeeldingen toevoegen

  • Navigeer naar uw inhoud:

    • Website Pagina's: Ga in je HubSpot account naar Marketing > Website > Website pagina's.
    • Landingspagina's: Ga in je HubSpot account naar Marketing > Landingspagina's.
    • Blog: Ga in je HubSpot account naar Marketing > Website > Blog.
    • Kennisbank: Ga in je HubSpot account naar Service > Kennisbank.
    • Email: Ga in je HubSpot account naar Marketing > E-mail.
  • Beweeg de muis over uw inhoud en klik op Bewerken.

Let op: alleen.png-,.ico-,.bmp-,.jpg- en.gif-afbeeldingsbestanden kunnen aan marketinge-mails worden toegevoegd.


  • Een afbeelding invoegen:
    • Om een afbeelding toe te voegen aan een rich text module, klik je op de rich text module en vervolgens op het insertImage iciafbeeldingspictogram op de rich text werkbalk.
    • Als je een afbeelding aan een afbeeldingsmodule wilt toevoegen, klik je op de afbeeldingsmodule en vervolgens op Vervangen in de zijbalkeditor boven de plaatshouderafbeelding.
  • Selecteer een afbeelding:
    • Als je een bestaande afbeelding wilt invoegen, klik je op de afbeelding in het rechterpaneel.
    • Om een nieuwe afbeelding te uploaden vanaf uw computer of via een bestands-URL, klikt u op Afbeelding toevoegen in het rechterpaneel. Om een nieuwe afbeelding te maken met de bewerkingstools van Canva, klik je op Ontwerpen met Canva. Klik vervolgens op de afbeelding om deze in te voegen.

Voordat u een afbeelding invoegt, kunt u de afbeelding optimaliseren voor laadtijd of resolutie door in het rechterpaneel op Details van de afbeelding te klikken. Klik vervolgens op hetvervolgkeuzemenu Afbeelding optimaliseren en selecteer een optimalisatieoptie:

    • Hoog: de afbeelding wordt geladen met een hogere resolutie, maar met een langere laadtijd.
    • Standaard: de afbeelding wordt geoptimaliseerd voor zowel de resolutie als de laadtijd.
    • Laag: de afbeelding wordt geladen met een lagere resolutie, maar met een kortere laadtijd. Lees meer over het optimaliseren van pagina's voor laadtijd in onze documentatie voor ontwikkelaars.
set-image-optimization-for-rich-text-content

Afbeeldingen bewerken

Zodra je een afbeelding aan je inhoud hebt toegevoegd, kun je de grootte bewerken, alt-tekst toevoegen, een link toevoegen of het laadgedrag instellen.

Een afbeelding bewerken in een rijke tekstmodule

  • Navigeer naar je inhoud:

    • Website Pagina's: Ga in je HubSpot account naar Marketing > Website > Website pagina's.
    • Landingspagina's: Ga in je HubSpot account naar Marketing > Landingspagina's.
    • Blog: Ga in je HubSpot account naar Marketing > Website > Blog.
    • Kennisbank: Ga in je HubSpot account naar Service > Kennisbank.
    • Email: Ga in je HubSpot account naar Marketing > E-mail.
  • Beweeg de muis over uw inhoud en klik op Bewerken.
  • Klik in de inhoudseditor op de afbeelding om de werkbalk voor het bewerken van afbeeldingen weer te geven.
  • Bewerk de afbeelding:
    • Klik op de uitlijningspictogrammen op inline om aan te passen hoe tekst om de afbeelding wordt gewikkeld.
    • Om de grootte van de afbeelding aan te passen, klik je op de pijlen voor breedte en hoogte of voer je een pixelwaarde in.
    • Om de opvulling rond je afbeelding aan te passen, klik je op het vervolgkeuzemenu Afstand en voer je pixelwaarden in rond de randen van het afbeeldingspictogram.
  • Om een afbeelding uit een rijke tekstmodule te verwijderen, klik je op de afbeelding en vervolgens op hetpictogram delete prullenbak.
  • Om een afbeelding in een rijke tekstmodule te vervangen, klik je op de afbeelding en vervolgens op hetpictogram replace replvervangen en voeg je een nieuwe afbeelding toe.
edit-image-in-rich-text-module
  • Als je de afbeelding wilt koppelen, alt-tekst wilt toevoegen of het laadgedrag wilt instellen, klik je op de afbeelding en vervolgens op het potloodpictogram edit:.
    • Om een link aan de afbeelding toe te voegen, klik je op het Link naar vervolgkeuzemenu in het pop-upvenster en selecteer je een linkcategorie. Voer in het veld eronder de bestemming van de link in. Meer informatie over de verschillende soorten koppelingen.
    • Voer in het veld Alt-tekst tekst in om zoekmachines en schermlezers te beschrijven wat de afbeelding is. Je kunt ook alt-tekst aan afbeeldingen toevoegen in de bestanden-tool. Het toevoegen van alt-tekst verbetert de toegankelijkheid en SEO van je site. Meer informatie over website-toegankelijkheid in onze documentatie voor ontwikkelaars.

Let op: het toevoegen van alt-tekst aan een afbeelding voegt geen titeltekst toe. Alt-tekst beïnvloedt de zoekmachineranking en de toegankelijkheid, terwijl de titeltekst verschijnt wanneer een bezoeker met de muis over de afbeelding beweegt.

  • Klik op Geavanceerd om het laadgedrag van afbeeldingen in te stellen en het type afbeeldingskoppeling voor zoekmachines aan te passen.
    • Om het laadgedrag van afbeeldingen in te stellen, klikt u op het vervolgkeuzemenu Laden van afbeeldingen en selecteert u een optie:
      • Lui: de afbeelding wordt alleen geladen als de bezoeker dat deel van de pagina bereikt. Dit verkort de laadtijd van je pagina en verbetert de SEO. Standaard worden afbeeldingen met deze instelling geladen.
      • Browser standaard: het laadgedrag van de afbeelding wordt bepaald door de browserinstellingen van de bezoeker.
      • Gretig: de afbeelding wordt geladen zodra de pagina wordt geladen.
    • Om het type afbeeldingslink aan te passen, selecteer je een of meer attributen in de sectie Linktype :
      • Normaal: deze link wordt niet gesponsord.
      • Niet volgen: deze link is niet gekoppeld aan je website.
      • Gesponsord: deze link is een gesponsorde link of een advertentie.
      • Door gebruiker gegenereerde inhoud: deze link leidt naar door gebruikers gegenereerde inhoud, zoals een blogcommentaar of een forumdiscussie.
  • Klik op Toepassen om je wijzigingen toe te passen op de afbeelding.

add-link-and-alt-text-to-rich-text-image

  • Om uw wijzigingen live te zetten, klikt u op Publiceren of Bijwerken in de rechterbovenhoek en vervolgens op Publiceren of Bijwerken in het dialoogvenster.

Een afbeelding bewerken in een afbeeldingsmodule

  • Navigeer naar uw inhoud:

    • Website Pagina's: Ga in je HubSpot account naar Marketing > Website > Website pagina's.
    • Landingspagina's: Ga in je HubSpot account naar Marketing > Landingspagina's.
    • Blog: Ga in je HubSpot account naar Marketing > Website > Blog.
    • Email: Ga in je HubSpot account naar Marketing > E-mail.
  • Beweeg de muis over uw inhoud en klik op Bewerken.
  • Klik in de inhoudseditor op de afbeeldingsmodule.
  • Klik op Verwijderen in het gedeelte Afbeelding van de zijbalkeditor om de huidige afbeelding te verwijderen. Hierdoor wordt de huidige afbeelding uit de afbeeldingsmodule verwijderd, maar wordt de module niet van de pagina verwijderd.
  • Om de huidige afbeelding te vervangen, klikt u op Vervangen in de sectie Afbeelding van de zijbalkeditor en voegt u een nieuwe afbeelding toe.
  • Voer in het veld Alt-tekst tekst in om zoekmachines en schermlezers te beschrijven wat de afbeelding is. Je kunt ook alt-tekst aan afbeeldingen toevoegen in de bestanden-tool. Het toevoegen van alt-tekst verbetert de toegankelijkheid en SEO van je site. Meer informatie over website-toegankelijkheid vind je in onze documentatie voor ontwikkelaars.

Let op: het toevoegen van alt-tekst aan een afbeelding voegt geen titeltekst toe. Alt-tekst beïnvloedt de zoekmachineranking en de toegankelijkheid, terwijl de titeltekst verschijnt wanneer een bezoeker met de muis over de afbeelding beweegt.

replace-image
  • Om de grootte van de afbeelding in te stellen op verschillende apparaten, klik je op het vervolgkeuzemenu Grootte en selecteer je een optie:
    • Automatisch aanpassen: de afbeelding wordt aangepast aan het apparaat waarop het wordt bekeken.
    • Exacte hoogte en breedte: de afbeelding wordt op alle apparaten even groot weergegeven.
  • Om een limiet in te stellen op de grootte van de afbeelding, klik je op het vervolgkeuzemenu Maximale grootte en selecteer je eenoptie :
    • Oorspronkelijke grootte afbeelding: de afbeelding wordt nooit groter weergegeven dan de oorspronkelijke grootte.
    • Aangepast: de afbeelding zal nooit groter worden weergegeven dan een specifieke breedte en hoogte die zijn ingesteld in de breedte- en hoogtevelden.
  • Om het laadgedrag van afbeeldingen in te stellen, klik je op het vervolgkeuzemenu Laden van afbeeldingen en selecteer je een optie:
    • Standaard browser: het laadgedrag van de afbeelding wordt bepaald door de browserinstellingen van de bezoeker.
    • Lui: de afbeelding wordt alleen geladen als de bezoeker dat deel van de pagina bereikt. Dit verkort de laadtijd van je pagina en verbetert de SEO. Standaard worden afbeeldingen met deze instelling geladen.
    • Gretig: de afbeelding wordt zo snel mogelijk geladen.
  • Als je een link aan de afbeelding wilt toevoegen, voer je een bestemmings-URL in het veld Link (optioneel) in. Schakel het selectievakje Link openen in nieuw tabblad in om de bezoeker in een nieuw browsertabblad naar de bestemmings-URL te leiden.
set-image-size-and-loading-options
  • Klik rechtsboven op Publiceren of Bijwerken om je wijzigingen live te zetten.

Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.