Grundlagen des Image Editors
Der Channable Image Editor ist der Ort, an dem du Vorlagen für Produktbilder erstellst oder änderst. Diese Vorlagen aktualisieren deine Produktbilder automatisch, um besonders relevante Anzeigen und stärkere Visuals zu erstellen.
Eine Vorlage besteht aus einem Canvas (dem Hintergrund) und verschiedenen Objekten (Text, Bilder, Formen), die darauf platziert werden.
Bild-Editor Oberfläche
Der Editor ist in verschiedene Bereiche unterteilt, um Objekte, das Canvas zu steuernund deine Vorlage zu verwalten.
Canvas-Steuerelemente und Werkzeuge
Diese Bedienelemente, die sich auf der rechten Seite des Canvas befinden, helfen dir, dein Design zu navigieren und zu bearbeiten.
Rein-/Rauszoomen
Ändert die Anzeigegröße des Canvas.
Pfeil (Auswählen)
Wähle Einzelobjekte im Canvas aus und verschiebe sie.
Hand (Verschieben)
Verschiebe die gesamte Canvas-Ansicht.
Gekreiste Pfeile
Mache die letzte Aktion rückgängig oder wiederhole sie.
Produktvorschau
Klicke dich durch Produkte, um zu sehen, wie die Vorlage für jedes einzelne aussieht.
Canvas-Einstellungen
Das Canvas ist der grundlegende Bereich (das weiße Quadrat), in dem du deine Vorlage aufbaust. Klicke Einstellungen auf der rechten Seite des Editors, um auf diese Optionen zuzugreifen.
Definiert die finalen Ausgabeabmessungen der Vorlage.
Wähle voreingestellte Größen (basierend auf Exportkanälen wie Google Ads) oder gib Höhe und Breite manuell in Pixel (px) ein.
Hintergrundfarbe
Legt die Volltonfarbe hinter allen Objekten fest.
Wähle über den Farbwähler oder gib hexadezimale (HEX) Werte (RGB) an.
Steuert die Transparenz der Hintergrundfarbe
Gib sie in Prozent an. 100 % ist vollständig sichtbar (opak), 0 % ist vollständig transparent.
Raster-Einstellungen
Die Raster ist eine optionale Überlagerung, die dir hilft, Objekte auszurichten. Es erscheint nie in der finalen Bildausgabe.
Raster anzeigen: Schalte die Sichtbarkeit der Rasterlinien ein oder aus.
An Raster ausrichten: Wenn aktiviert, schnappen Objekte beim Bewegen automatisch an die nächstgelegene Rasterlinie, sodass die Ausrichtung einfach wird.
Rastergröße: Lege die Pixelgröße jeder Quadrat-Zelle im Raster fest.
Rasterfarbe und Deckkraft: Passe das Aussehen der Rasterlinien an.
Objekttypen
Wichtig: Das Projektfeld, das für dynamische Objekte verwendet wird, muss in allen Projekten vorhanden sein, in denen die Vorlage genutzt wird!
Nutze das Panel links, um neue Elemente zu deiner Vorlage hinzuzufügen. Du kannst drei Objekttypen erstellen:
Textobjekt: Für statischen Text oder dynamische Produktfelder (z. B. Titel).
Bildobjekt: Für statische Bilder oder dynamische Produktbilder.
Formobjekt: Für statische Formen wie Kästen, Linien und Pfeile.
Alle Objekttypen – Text, Bild und Form – haben spezifische Einstellungen unter dem Design-Tab.
Bildobjekt
Bildobjekte können dynamisch sein (Produktbilder aus einem Feld abrufen) oder statisch (gleiches Bild für alle Produkte).
Eigenschaft
Beschreibung
Details
Layout
Position und Größe des Objekts.
Passe X/Y-Position sowie Breite/Höhe manuell in Pixel (px) an.
Bild
Verknüpft das Objekt mit deinen Produktdaten.
Für dynamische Bilder wähle ein bildtyp-ähnliches Projektfeld aus dem Dropdown. Lege außerdem die Deckkraft des Bildes (in Prozent) fest.
Schatten
Fügt einen Schlagschatteneffekt hinzu.
Konfiguriere Farbe, Deckkraft, Versatz (X, Y) und Weichzeichnung. Ein Versatz von 0,0 bedeutet keinen Schatten.
Kontur
Erstellt eine Umrandung um das Bildobjekt.
Lege Farbe, Deckkraft und Breite (in Pixel) fest. Wähle einen Stil: Keine Umrandung, Durchgehend (solid) oder Gepunktet.
Hinweis: Wir skalieren das Bild automatisch so, dass es innerhalb der Objektgrenzen (blaue Linien) passt. Das verhindert, dass Bilder abgeschnitten werden oder unbeabsichtigt andere Elemente überdecken.
Textobjekt
Textobjekte unterstützen sowohl statischen Text als auch dynamische Feldwerte (z. B. eine feste Phrase kombiniert mit dem Preis eines Produkts).
Eigenschaft
Beschreibung
Details
Layout
Position und Größe des Textfeldes.
Passe X/Y-Position sowie Breite/Höhe manuell in Pixel (px) an.
Wert
Der Inhalt des Textobjekts.
Gib statischen Text ein, wähle dynamische Felder oder mische beides.
Steuere das Erscheinungsbild des Textes.
Wähle eine Schriftart aus der Liste, lege Farbe, Dekoration (z. B. Unterstreichung), Ausrichtung, Zeilenhöhe und Abstand fest. Nutze Skalierung zum Anpassen der Schriftgröße an die Box.
Schatten
Fügt dem Text einen Schlagschatten hinzu.
Konfiguriere Farbe, Deckkraft, Versatz (X, Y) und Weichzeichnung. Ein Versatz von 0,0 bedeutet keinen Schatten.
Kontur
Erstellt eine Umrandung um die Buchstaben.
Lege Farbe, Deckkraft und Breite (in Pixel) fest. Wähle einen Stil: Keine, Durchgehend (solid) oder Gepunktet.
Formobjekt
Formobjekte werden für statische Formen wie Kästen, Linien und Pfeile verwendet.
Eigenschaft
Beschreibung
Details
Layout
Position und Größe des Formobjekts.
Passe X/Y-Position sowie Breite/Höhe manuell in Pixel (px) an.
Form
Steuert das Füllverhalten der Form.
Gib die Füllfarbe und die Deckkraft an.
Schatten
Fügt der Form einen Schlagschatten hinzu.
Konfiguriere Farbe, Deckkraft, Versatz (X, Y) und Weichzeichnung. Ein Versatz von 0,0 bedeutet keinen Schatten.
Kontur
Erstellt eine Umrandung um die Form.
Lege Farbe, Deckkraft und Breite (in Pixel) fest. Wähle einen Stil: Keine, Durchgehend (solid) oder Gepunktet.
Vorlage verwalten
Nutze die Bedienelemente in der oberen rechten Ecke, um die Vorlage selbst zu verwalten.
Speichern: Speichere die aktuellen Änderungen an deiner Vorlage.
Zahnrad-Symbol (Einstellungen): Greife auf Optionen zu, um die Vorlage zu löschen oder zu duplizieren.
Nutzungs-Tab: Sieh, wo in deinen Projekten die aktuelle Vorlage verwendet wird.
Zuletzt aktualisiert
War das hilfreich?