Afbeeldingen gebruiken in HubSpot content

Je kunt afbeeldingen toevoegen aan rijke tekstmodules of afbeeldingsmodules in HubSpot inhoud. 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 drag-and-drop-editor voor e-mails kunnen geen afbeeldingen bevatten.

Afbeeldingen toevoegen

• Navigeer naar uw inhoud:

  • Websitepagina's:
  • Landingspagina's:
  • Blog:
  • Kennisbank:
  • E-mail:
• Klik op de naam van je inhoud.

Let op: alleen.png, .ico, .bmp, .jpg en .gif afbeeldingsbestandenkunnen worden toegevoegd aan marketing e-mails

• Een afbeelding invoegen:
  • Als je een afbeelding wilt toevoegen aan een rich text-module, klik je op de rich text-module en vervolgens op hetpictogram insertImage iciafbeelding 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 je computer of via een bestands-URL, klik je op Afbeelding toevoegen in het rechterpaneel. Om een nieuwe afbeelding te maken met de ontwerptools van Canva, klik je op Ontwerptools. Klik vervolgens op de afbeelding om deze in te voegen.
• Voordat u een afbeelding invoegt, kunt u de afbeelding optimaliseren voor laadtijd of resolutie. Ga in het rechterpaneel met de muis over de afbeelding en klik op Details.
• 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. Meer informatie over het optimaliseren van pagina's voor laadtijd vind je in onze documentatie voor ontwikkelaars.
    

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:

  • Websitepagina's:
  • Landingspagina's:
  • Blog:
  • Kennisbank:
  • E-mail:
• Klik op de naam van je inhoud.
• 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.
• Als je een afbeelding wilt verwijderen uit een rijke tekstmodule, 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, klik je op hetpictogram replace replvervangen en voeg je een nieuwe afbeelding toe.

• Om de afbeelding te linken, alt-tekst toe te voegen of het laadgedrag in te stellen, 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 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.

• 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 wanneer 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 leadt naar door gebruikers gegenereerde inhoud, zoals een blogcommentaar of een forumdiscussie.
• Klik op Toepassen om je wijzigingen toe te passen op de afbeelding.

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

Een afbeelding bewerken in een afbeeldingsmodule

• Navigeer naar uw inhoud:

  • Websitepagina's:
  • Landingspagina's:
  • Blog:
  • E-mail:
• Klik op de naam van je inhoud.
• Klik in de inhoudseditor op de afbeeldingsmodule.
• Om de huidige afbeelding te verwijderen, klik je op Verwijderen in het gedeelte Afbeelding van de zijbalkeditor. Hierdoor wordt de huidige afbeelding uit de afbeeldingsmodule verwijderd, maar wordt de module niet van de pagina verwijderd.

• Als je de huidige afbeelding wilt vervangen, klik je op Vervangen in het gedeelte Afbeelding van de zijbalkeditor en voeg je 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 het bestandsgereedschap. 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.

• Om de grootte van de afbeelding op verschillende apparaten in te stellen, klik je op het vervolgkeuzemenu Grootte en selecteer je een optie:
  
  • Automatisch aanpassen: het formaat van 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 jede optie :
  • 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.

• • Lazy: de afbeelding wordt pas 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.
• Om een link aan de afbeelding toe te voegen, 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.
• Klik rechtsboven op Publiceren of Bijwerken om uw wijzigingen live te zetten