# Je afbeeldingen maken en bewerken

De image editor stelt je in staat om je afbeeldingen te maken en te bewerken. Voordat je begint, is er een kleine hoeveelheid [voorbereiding](#map-image-product-fields-to-the-image-type) die je moet doen.

### Voordat je begint

#### Koppel image-productvelden aan het type 'Image'

Zorg dat alle projectvelden die je voor afbeeldingen gaat gebruiken correct zijn gekoppeld aan Type: 'Image' in de import-mapping. Dit geldt voor geïmporteerde projectvelden en projectvelden die je handmatig hebt aangemaakt.

1. Ga naar **Setup** > **Import instellen** > **Wijzig mapping**.
2. Klik **Wijzig** achter het projectveld dat je wilt gebruiken en zorg ervoor **Type** is ingesteld op 'Image'.

{% hint style="warning" %}
Belangrijk: Zorg dat de afbeeldingen die je uit je import wilt gebruiken PNG-, WebP-, JPG- of JPEG-bestanden zijn (andere bestandstypen werken niet). De Image Editor zelf maakt alleen PNG-bestanden aan.
{% endhint %}

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/VtvP0tr7CCriIRE2zwfY/19237678381202" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/YMLipVkNfMqU6pT1nBYg/19237707740306" alt=""><figcaption></figcaption></figure>

#### Stel de feed in waarvoor je nieuwe afbeeldingen wilt maken

De Image Editor kan met elke feed in de Feed-sectie worden gebruikt. Maak eerst een feed aan (of kopieer er een) voor het kanaal waarvoor je geoptimaliseerde afbeeldingen wilt maken.

{% hint style="info" %}
Tip: Wil je eerst de beeldgeneratie testen voordat je naar een advertentiekanaal stuurt? Begin met een feed die nog niet op een kanaal wordt gebruikt.
{% endhint %}

## Stel de image editor in

{% stepper %}
{% step %}

### Stel een eerste afbeeldingsregel in

Voorbeeld: Instagram Feed

1. Ga in de feed naar **Regels** > **Image rules** om een afbeeldingsregel aan te maken.
2. Klik **Nieuwe regel** en geef het een naam.

{% hint style="info" %}
Tip: Wil je eerst de beeldgeneratie testen voordat je naar een advertentiekanaal stuurt? Begin met een feed die nog niet op een kanaal wordt gebruikt.
{% endhint %}
{% endstep %}

{% step %}

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/mnkRZuyf9iGtZEk0mYb1/19237707749138" alt=""><figcaption></figcaption></figure>

### Maak een template

1. Open de **Selecteer een template** dropdown en kies **+ Nieuw template**.
2. Geef het template een naam en klik **Maak aan** om de Image Editor te openen

<figure><img src="https://1196300718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FEhCYNoVVFelZkYtdMJPu%2F2%20(2).gif?alt=media&#x26;token=3e68019b-d5ae-47c6-924c-9fbfe3da8f21" alt=""><figcaption></figcaption></figure>

Kies eerst de juiste afmeting voor je canvas (zie Canvas settings). Bouw daarna je template door objecten toe te voegen zoals Image, Text of Shape (linksboven).
{% endstep %}

{% step %}

### Pas het template toe op producten

1. Klik op Back (linksboven) om terug te keren naar de afbeeldingsregel.
2. Klik in het THEN-gedeelte van de regel op Select a template en kies de template die je hebt gemaakt.

Wil je de template alleen op bepaalde items toepassen, stel dan de juiste voorwaarden in het IF-gedeelte van de regel.

{% hint style="warning" %}
Belangrijk: Een item kan slechts door één regel worden bewerkt — de eerste regel die het item selecteert. Verdere regels die hetzelfde item zouden selecteren, slaan het over.
{% endhint %}
{% endstep %}

{% step %}

### Bekijk resultaten

* Na het toepassen van templates, klik op Preview results aan de rechterkant van de afbeeldingsregel om te zien hoe de template op je geselecteerde afbeeldingen is toegepast

<figure><img src="https://1196300718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FuuUmmDMWCUf8gHLeRlbM%2F7%20(1).gif?alt=media&#x26;token=c7bc5b5d-f5be-4d2d-9935-c054bbfcc2bc" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Sla de Image URL op en stel veiligheidsinstellingen in

1. Selecteer in je afbeeldingsregel een image-veld om de nieuwe image URL op te slaan.
2. Klik op Save rule en ga door naar de Finalize-stap in je feed.
3. Koppel het juiste interne image-veld aan de channel field name.
4. Klik op Save & run om de feed te genereren.

Gegenereerde image-URLs beginnen met: *<https://channableusercontent.com/>*

Als er fouten optreden bij het genereren van afbeeldingen, zal de feed niet draaien. Zie fouten in het Status-tabblad van de feed en via[ email notification ](https://app.gitbook.com/s/8y3q10FnokmlpzYq3YPS/manage-your-account-and-settings/manage-your-notification-settings)(indien ingeschakeld).

Je kunt het feedgedrag bij fouten wijzigen via de safety-instellingen in de feed

<figure><img src="https://1196300718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FUw405TkeIY6BETSD476s%2Fmceclip0%20(1).png?alt=media&#x26;token=d5adc39b-5aba-4a68-ac76-5b7c1bc7b48b" alt=""><figcaption></figcaption></figure>

Als je fouten tegenkomt in de Image Editor, zie dit [troubleshooting-artikel.](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-nl/creatives-afbeeldingen-maken-en-bewerken/problemen-oplossen)

Als problemen aanhouden, [contact us](https://www.channable.com/contact) voor hulp.
{% endstep %}

{% step %}

### Voeg image-object toe

* Klik op Image en vervolgens op Add dynamic image om een image-object aan te maken.
* Om een afbeelding te selecteren, klik op Design in het rechtermenu.
* Gebruik de dropdown naast Image field en kies het image-veld dat je voor dit object wilt gebruiken

<figure><img src="https://1196300718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2Fbkh4MhCSiYWmOsTL7kPi%2F3%20(1).gif?alt=media&#x26;token=b742e949-9a60-4871-9a48-b5e493798f9e" alt=""><figcaption></figcaption></figure>

Lees meer over [image object instellingen](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-nl/de-image-editor/basisprincipes-van-de-image-editor#object-types).

{% hint style="info" %}
Belangrijk: Maximaal 10 afbeeldingen per template.
{% endhint %}

{% hint style="info" %}
Let op: Het bovenstaande voegt een dynamische afbeelding toe. Lees over [het toevoegen van een statische afbeelding](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-nl/creatives-afbeeldingen-maken-en-bewerken/een-afbeeldingssjabloon-aanmaken/statische-afbeeldingen-uploaden) die hetzelfde is voor alle items.
{% endhint %}
{% endstep %}

{% step %}

### Voeg tekstobject toe

* Klik op Text om een tekstobject toe te voegen.
* Bewerk in Design het waardevak om statische tekst, dynamische tekst (koppel een projectveld) of een combinatie van statische + dynamische tekst toe te voegen.

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/h3Gk40AYiAEGs39jyyXp/19237678414226" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Leer over [het toevoegen van een aangepast lettertype](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-nl/creatives-afbeeldingen-maken-en-bewerken/een-afbeeldingssjabloon-aanmaken/een-aangepast-lettertype-uploaden).
{% endhint %}

{% hint style="info" %}
Lees meer over [tekstinstellingen](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-nl/de-image-editor/basisprincipes-van-de-image-editor#text-object).
{% endhint %}
{% endstep %}

{% step %}

### Voeg shape-object toe en wijzig de volgorde van de objecten

* Klik op Shape om een statische vorm toe te voegen.
* Gebruik het Design-tabblad om het uiterlijk van de shape aan te passen.
* Om de objectvolgorde te wijzigen (bijvoorbeeld een shape achter tekst te zetten), open Objects en sleep items met het icoon met drie strepen. Als je klaar bent, druk op Opslaan rechtsboven.

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/4dha4kbUsQI08FuYHBlT/19237707771154" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Lees meer over [shape object instellingen](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-nl/de-image-editor/basisprincipes-van-de-image-editor#object-types).
{% endhint %}
{% endstep %}

{% step %}

### Open bestaande templates om te bewerken

* Om een bestaande template te bewerken, ga naar Select a template en kies er een die je eerder hebt gemaakt.
* Klik op Image editor om de Image Editor te openen met je geselecteerde template.

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/GjTie729rWAjbCPTLihF/14229440760722" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}