{"id":19110,"date":"2018-07-08T22:00:51","date_gmt":"2018-07-08T20:00:51","guid":{"rendered":"https:\/\/help.animana.com\/?post_type=st_kb&#038;p=19110"},"modified":"2024-01-29T13:32:16","modified_gmt":"2024-01-29T12:32:16","slug":"hoe-voeg-ik-afbeeldingen-toe-aan-mijn-brieven-en-e-mails","status":"publish","type":"ht_kb","link":"https:\/\/help.animana.com\/nl\/kb\/hoe-voeg-ik-afbeeldingen-toe-aan-mijn-brieven-en-e-mails\/","title":{"rendered":"Hoe voeg ik afbeeldingen toe aan mijn brieven en e-mails?"},"content":{"rendered":"<p>Met de editor in de Content Designer ben je in staat om visueel aantrekkelijke brieven en e-mails te maken. Dit artikel zal toelichten hoe afbeeldingen toegevoegd kunnen worden aan brieven en e-mails.<\/p>\n<h1>Voordat je begint<\/h1>\n<div class=\"su-box su-box-style-default alert-box-info\" id=\"\" style=\"border-color:#000000;border-radius:3px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#333333;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Dit is de box titel<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">\n<ul>\n<li>Om de Content Designer te kunnen beheren, heb je de juiste toegangsrechten nodig. Toegangsrechten kunnen door de beheerder worden aangepast in <a href=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5c4ad9880e783.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-29129\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5c4ad9880e783.png\" alt=\"cog\" width=\"20\" height=\"18\" \/><\/a> <em>&gt; Algemene Instellingen &gt; Beheer Toegangsrollen<\/em>.<\/li>\n<li>We adviseren je om afbeeldingen te gebruiken die niet te groot zijn. Gebruik hulpmiddelen zoals TinyPNG om de bestandsgrootte van je afbeeldingen te verkleinen voordat je deze uploadt.<\/li>\n<li>Goed om te weten: afbeeldingen vergroten de opslagruimte van je account en daar kunnen kosten aan verbonden zijn.<\/li>\n<\/ul>\n<\/div><\/div>\n<h1>Stappenplan<\/h1>\n<h2>Afbeelding toevoegen via beheer bestanden<\/h2>\n<ol>\n<li>Ga naar\u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12988\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/Menu_-_cog-1.png\" alt=\"\" width=\"20\" height=\"19\" \/><em>\u00a0&gt; Algemene Instellingen &gt; Content Designer<\/em><em>.<\/em><\/li>\n<li>Open een brief\/e-mail door er op te klikken (of voeg een nieuwe toe).<\/li>\n<li>Houd de muiscursor op de plek waar de afbeelding moet komen en klik hier eenmalig met de linker muisknop.<\/li>\n<li>Klik op het <strong>afbeelding toevoegen<\/strong> icoon:\n<p id=\"oGTStnP\"><img loading=\"lazy\" decoding=\"async\" width=\"653\" height=\"123\" class=\"size-full wp-image-19133 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9958f091c.png\" alt=\"\" srcset=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9958f091c.png 653w, https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9958f091c-300x57.png 300w\" sizes=\"auto, (max-width: 653px) 100vw, 653px\" \/><\/p>\n<\/li>\n<li>Klik op\u00a0<strong>Bladeren<\/strong>:<strong><strong><br \/>\n<\/strong><\/strong><\/p>\n<p id=\"XhRvQgj\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"346\" class=\"size-full wp-image-19134 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9999a8226.png\" alt=\"\" srcset=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9999a8226.png 511w, https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9999a8226-300x203.png 300w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/p>\n<p id=\"hSrKuwi\">We adviseren je om afbeeldingen te gebruiken die niet te groot zijn. Grote afbeeldingen voor brieven zijn geen probleem; voor e-mails kunnen grote afbeeldingen echter wel een probleem zijn.<\/p>\n<\/li>\n<li>Selecteer het bestand dat ge\u00fcpload moet worden en klik op <strong>Open<\/strong>:<strong><br \/>\n<\/strong><\/p>\n<p id=\"HATWSDM\"><img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"391\" class=\"size-full wp-image-19136 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a67725a7.png\" alt=\"\" srcset=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a67725a7.png 667w, https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a67725a7-300x176.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/><\/p>\n<\/li>\n<li>Klik op\u00a0<strong>OK<\/strong>:\n<p id=\"zlMuQWG\"><img loading=\"lazy\" decoding=\"async\" width=\"479\" height=\"382\" class=\"size-full wp-image-19135 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a53d3598.png\" alt=\"\" srcset=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a53d3598.png 479w, https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a53d3598-300x239.png 300w\" sizes=\"auto, (max-width: 479px) 100vw, 479px\" \/><\/p>\n<\/li>\n<li>De afbeelding is nu toegevoegd.\n<p id=\"XrFiYTZ\"><img loading=\"lazy\" decoding=\"async\" width=\"646\" height=\"414\" class=\"size-full wp-image-19137 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a8e4f36e.png\" alt=\"\" srcset=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a8e4f36e.png 646w, https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9a8e4f36e-300x192.png 300w\" sizes=\"auto, (max-width: 646px) 100vw, 646px\" \/><\/p>\n<\/li>\n<li>Klik op\u00a0<strong>Opslaan<\/strong>.<\/li>\n<\/ol>\n<h2>Afbeelding toevoegen door deze in de brief\/e-mail te slepen<\/h2>\n<ol>\n<li>Ga naar\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12988\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/Menu_-_cog-1.png\" alt=\"\" width=\"20\" height=\"19\" \/><em>\u00a0&gt; Algemene Instellingen &gt; Content Designer<\/em><em>.<\/em><\/li>\n<li>Open een brief\/e-mail door er op te klikken (of voeg een nieuwe toe).<\/li>\n<li>Houd de muiscursor op de plek waar de afbeelding moet komen en klik hier eenmalig met de linker muisknop.<\/li>\n<li>Open de map\/locatie op de computer waar de afbeelding is opgeslagen. Selecteer de afbeelding en sleep deze vervolgens naar de editor:<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19138\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/1807-NL-content-builder-drag-and-dropping-image.gif\" alt=\"\" width=\"900\" height=\"365\" \/><\/li>\n<li>Klik op <strong>Opslaan<\/strong>.<\/li>\n<\/ol>\n<h1>Meer hierover<\/h1>\n<h2>Tekst rondom een afbeelding krijgen<\/h2>\n<p>Om de ruimte in een brief\/e-mail optimaal te benutten, is de editor ook in staat om de afbeelding te laten omsingelen door tekst.<\/p>\n<ol>\n<li>Eerst dienen de afbeelding en de tekst op dezelfde regel te staan. Ga naar het begin van het stuk tekst dat aansluit op de afbeelding. Druk zodra de cursor aan het begin van de tekst staat op de <strong>Backspace<\/strong> toets op je toetsenbord om de tekst op dezelfde regel als de afbeelding te krijgen:<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-19139 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/1806-NL-content-builder-moving-cursor-to-beginning-paragraph.gif\" alt=\"\" width=\"643\" height=\"525\" \/><\/li>\n<li>Klik met de rechter muisknop op de afbeelding en klik op\u00a0<strong>Afbeelding<\/strong> om de eigenschappen van de afbeelding aan te passen:\n<p id=\"aWUhJra\"><img loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"204\" class=\"size-full wp-image-19140 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9e60b7181.png\" alt=\"\" \/><\/p>\n<\/li>\n<li>Selecteer bij de &#8220;Uitlijning&#8221; <strong>Links <\/strong> of<strong> Rechts<\/strong>; dit zal bepalen waar de afbeelding in de template moet komen staan.<br \/>\nSelecteer\u00a0<strong>Links<\/strong> als de afbeelding aan de linkerzijde weergegeven moet worden en de tekst rechts.<br \/>\nSelecteer\u00a0<strong>Rechts<\/strong> als de afbeelding rechts weergegeven moet worden en de tekst links.<\/p>\n<p id=\"DvbuPCQ\"><img loading=\"lazy\" decoding=\"async\" width=\"488\" height=\"376\" class=\"size-full wp-image-19141 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9f429c0a9.png\" alt=\"\" srcset=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9f429c0a9.png 488w, https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9f429c0a9-300x231.png 300w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><\/p>\n<div class=\"su-box su-box-style-default alert-box-success\" id=\"\" style=\"border-color:#000000;border-radius:3px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#333333;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Dit is de box titel<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">\nTip: met de velden &#8220;VSpace&#8221; en &#8220;HSpace&#8221; kun je aangeven hoeveel ruimte er tussen de afbeelding en de tekst moet komen. Als je bijvoorbeeld &#8220;5px&#8221; invult in het veld &#8220;VSpace&#8221;, zal er zowel boven als onder de afbeelding een ruimte van 5 pixels komen.<br \/>\n<\/div><\/div><strong><br \/>\n<\/strong><\/li>\n<li>Klik op <strong>OK<\/strong>.<\/li>\n<li>De afbeelding is nu links uitgelijnd; de tekst omringt de rechterzijde van de afbeelding.\n<p id=\"OrOzDIK\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"190\" class=\"size-full wp-image-19143 aligncenter\" src=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9fb94a459.png\" alt=\"\" srcset=\"https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9fb94a459.png 576w, https:\/\/help.animana.com\/wp-content\/uploads\/img_5b3c9fb94a459-300x99.png 300w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/p>\n<\/li>\n<li>Klik op\u00a0<strong>Opslaan<\/strong>.<\/li>\n<\/ol>\n<h1>Gerelateerde artikelen<\/h1>\n<ul>\n<li><a href=\"https:\/\/help.animana.com\/nl\/kb\/in-focus-succesvol-e-mailen\/\" target=\"_blank\" rel=\"noopener\">In focus: Succesvol e-mailen<\/a><\/li>\n<li><a href=\"https:\/\/help.animana.com\/nl\/kb\/leerpad-content-designer\/\" target=\"_blank\" rel=\"noopener\">Leerpad: Content Designer<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Met de editor in de Content Designer ben je in staat om visueel aantrekkelijke brieven en e-mails te maken. Dit artikel zal toelichten hoe afbeeldingen toegevoegd kunnen worden aan brieven en e-mails. Voordat je begint Stappenplan Afbeelding toevoegen via beheer bestanden Ga naar\u00a0\u00a0\u00a0&gt; Algemene Instellingen &gt; Content Designer. Open een&#8230;<\/p>\n","protected":false},"author":59,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[2742],"ht-kb-tag":[2324,555,3116,532,4141,3180,2342,3855,2547,2548,2317,2657],"class_list":["post-19110","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-tekstbeheer","ht_kb_tag-afbeelding","ht_kb_tag-brief","ht_kb_tag-content-nl","ht_kb_tag-e-mail-nl","ht_kb_tag-editor-nl","ht_kb_tag-email-nl","ht_kb_tag-foto","ht_kb_tag-image-nl","ht_kb_tag-sjabloon","ht_kb_tag-standaard","ht_kb_tag-tekst","ht_kb_tag-template-nl-2"],"_links":{"self":[{"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/ht-kb\/19110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/comments?post=19110"}],"version-history":[{"count":3,"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/ht-kb\/19110\/revisions"}],"predecessor-version":[{"id":49951,"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/ht-kb\/19110\/revisions\/49951"}],"wp:attachment":[{"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/media?parent=19110"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/ht-kb-category?post=19110"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/help.animana.com\/nl\/wp-json\/wp\/v2\/ht-kb-tag?post=19110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}