# Deine Bilder erstellen und bearbeiten

Der Image Editor ermöglicht dir, deine Bilder zu erstellen und zu bearbeiten. Bevor du loslegst, gibt es ein kleines [Vorbereitungs‑schritt](#map-image-product-fields-to-the-image-type) den du erledigen musst.

### Bevor du startest

#### Mappen von Produktbild-Feldern auf den Typ 'Image'

Stelle sicher, dass alle Projektfelder, die du für Bilder verwenden willst, im Import-Mapping korrekt auf Typ: 'Image' gesetzt sind. Das gilt für importierte Projektfelder und manuell erstellte Projektfelder.

1. Gehe zu **Setup** > **Import einrichten** > **Mapping bearbeiten**.
2. Klicke **Bearbeiten** hinter dem Projektfeld, das du verwenden möchtest, und stelle sicher **Typ** dass es auf 'Image' gesetzt ist.

{% hint style="warning" %}
Wichtig: Stelle sicher, dass die Bilder, die du aus deinem Import verwenden willst, PNG-, WebP-, JPG- oder JPEG-Dateien sind (andere Dateitypen funktionieren nicht). Der Image Editor selbst erstellt nur PNG-Dateien.
{% 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>

#### Richte den Feed ein, für den du neue Bilder erstellen möchtest

Der Image Editor kann mit jedem Feed im Bereich Feed verwendet werden. Erstelle (oder kopiere) zuerst einen Feed für den Kanal, für den du optimierte Bilder erzeugen willst.

{% hint style="info" %}
Tipp: Wenn du die Bildgenerierung prüfen willst, bevor du an einen Werbekanal sendest, starte mit einem Feed, der noch nicht auf einem Kanal verwendet wird.
{% endhint %}

## Image Editor einrichten

{% stepper %}
{% step %}

### Richte eine erste Bildregel ein

Beispiel: Instagram-Feed

1. Gehe im Feed zu **Rules** > **Image rules** um eine Bildregel zu erstellen.
2. Klicke **Neue Regel** und gib ihr einen Namen.

{% hint style="info" %}
Tipp: Wenn du die Bildgenerierung prüfen willst, bevor du an einen Werbekanal sendest, starte mit einem Feed, der noch nicht auf einem Kanal verwendet wird.
{% endhint %}
{% endstep %}

{% step %}

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

### Eine Vorlage erstellen

1. Öffne das **Vorlage auswählen** Dropdown und wähle **+ Neue Vorlage**.
2. Gib der Vorlage einen Namen und klicke **Erstellen** um den Image Editor zu öffnen

<figure><img src="https://464299404-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>

Wähle zuerst die richtige Größe für deine Arbeitsfläche (siehe Canvas-Einstellungen). Baue dann deine Vorlage, indem du Objekte wie Bild, Text oder Form hinzufügst (oben links).
{% endstep %}

{% step %}

### Vorlage auf Produkte anwenden

1. Klicke auf Zurück (oben links), um zur Bildregel zurückzukehren.
2. Klicke im THEN-Teil der Regel auf Vorlage auswählen und wähle die Vorlage, die du erstellt hast.

Wenn du die Vorlage nur auf bestimmte Artikel anwenden möchtest, setze die passenden Bedingungen im IF-Teil der Regel.

{% hint style="warning" %}
Wichtig: Ein Item kann nur von einer Regel bearbeitet werden — der ersten Regel, die das Item auswählt. Nachfolgende Regeln, die dasselbe Item auswählen würden, werden übersprungen.
{% endhint %}
{% endstep %}

{% step %}

### Ergebnisse anzeigen

* Nachdem du Vorlagen angewendet hast, klicke rechts in der Bildregel auf Vorschau der Ergebnisse, um die Vorlage auf deine ausgewählten Bilder angewendet zu sehen

<figure><img src="https://464299404-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 %}

### Die Bild-URL speichern und Sicherheitseinstellungen setzen

1. Wähle in deiner Bildregel ein Bildfeld aus, um die neue Bild-URL zu speichern.
2. Klicke Regel speichern und fahre mit dem Finalisieren-Schritt in deinem Feed fort.
3. Verbinde das richtige interne Bildfeld mit dem Feldnamen des Kanals.
4. Klicke auf Speichern & aktualisieren, um den Feed zu generieren.

Generierte Bild-URLs beginnen mit: *<https://channableusercontent.com/>*

Wenn beim Generieren von Bildern Fehler auftreten, schlägt der Feed-Lauf fehl. Sieh dir die Fehler im Status-Tab des Feeds und per[ E-Mail-Benachrichtigung ](https://app.gitbook.com/s/8y3q10FnokmlpzYq3YPS/manage-your-account-and-settings/manage-your-notification-settings)(falls aktiviert).

Du kannst das Verhalten des Feeds bei Fehlern über die Sicherheitseinstellungen im Feed ändern

<figure><img src="https://464299404-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>

Wenn du Fehler im Image Editor siehst, lies diesen [Troubleshooting-Artikel.](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-de/creatives-bilder-erstellen-und-bearbeiten/fehlerbehebung)

Wenn Probleme bestehen bleiben, [kontaktiere uns](https://www.channable.com/contact) zur Unterstützung.
{% endstep %}

{% step %}

### Bildobjekt hinzufügen

* Klicke auf Bild und dann auf Dynamisches Bild hinzufügen, um ein Bildobjekt zu erstellen.
* Um ein Bild auszuwählen, klicke im rechten Menü auf Design.
* Nutze das Dropdown neben Bildfeld und wähle das Bildfeld, das du für dieses Objekt verwenden möchtest

<figure><img src="https://464299404-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>

Mehr erfahren über [Einstellungen des Image-Objekts](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-de/der-image-editor/grundlagen-des-image-editors#object-types).

{% hint style="info" %}
Wichtig: Maximal 10 Bilder pro Vorlage.
{% endhint %}

{% hint style="info" %}
Hinweis: Das Obige fügt ein dynamisches Bild hinzu. Erfahre mehr über [Hinzufügen eines statischen Bildes](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-de/creatives-bilder-erstellen-und-bearbeiten/eine-bildvorlage-erstellen/statische-bilder-hochladen) das für alle Artikel gleich ist.
{% endhint %}
{% endstep %}

{% step %}

### Textobjekt hinzufügen

* Klicke auf Text, um ein Textobjekt hinzuzufügen.
* Bearbeite im Bereich Design das Wertefeld, um statischen Text, dynamischen Text (ein Projektfeld verbinden) oder eine Kombination aus statischem + dynamischem Text hinzuzufügen.

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

{% hint style="info" %}
Erfahre mehr über [Hinzufügen einer benutzerdefinierten Schriftart](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-de/creatives-bilder-erstellen-und-bearbeiten/eine-bildvorlage-erstellen/eine-benutzerdefinierte-schriftart-hochladen).
{% endhint %}

{% hint style="info" %}
Mehr erfahren über [Text-Einstellungen](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-de/der-image-editor/grundlagen-des-image-editors#text-object).
{% endhint %}
{% endstep %}

{% step %}

### Form-Objekt hinzufügen und Reihenfolge der Objekte ändern

* Klicke auf Form, um eine statische Form hinzuzufügen.
* Verwende den Reiter Design, um das Aussehen der Form zu ändern.
* Um die Reihenfolge der Objekte zu ändern (z. B. eine Form hinter den Text zu verschieben), öffne Objekte und ziehe Elemente mit dem Drei‑Streifen‑Icon. Wenn du fertig bist, klicke oben rechts auf Speichern.

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

{% hint style="info" %}
Mehr erfahren über [Einstellungen des Form‑Objekts](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-de/der-image-editor/grundlagen-des-image-editors#object-types).
{% endhint %}
{% endstep %}

{% step %}

### Bestehende Vorlagen zum Bearbeiten öffnen

* Um eine vorhandene Vorlage zu bearbeiten, gehe zu Vorlage auswählen und wähle eine Vorlage, die du zuvor erstellt hast.
* Klicke auf Image editor, um den Image Editor mit deiner ausgewählten Vorlage zu öffnen.

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