Bildeditor

Der Bildeditor gestaltet das zusammengesetzte Bild, das jedes Angebot statt des unveränderten Shop-Fotos begleiten kann: das Produktfoto auf einem Hintergrund deiner Wahl, mit dem Preis, dem vorherigen Preis und dem Rabatt darüber geschrieben. Du platzierst jedes Element auf einer Leinwand und siehst das Ergebnis sofort.

11 Minuten Lesezeit

Auf dieser Seite
Ab Solo

Das Wichtigste

  1. Schalte Bild erzeugen ein, oberhalb der Einstellungen.
  2. Wähle bei ausgewählter Leinwand unter Elemente die Größe, Querformat oder Quadrat, und den Hintergrund.
  3. Platziere jedes Element: Zieh es auf der Leinwand an seinen Platz oder gib Position und Größe ein.
  4. Tippe auf Speichern.

Jeder Kanal hat seine eigene Bildvorlage

Die Bildvorlage gehört zum Kanal: Der Editor arbeitet am aktiven Kanal, dem, den die Auswahl im Seitenmenü anzeigt. Die Hintergrundbibliothek dagegen gehört zur Organisation: Die Hintergründe, die du hochlädst, gelten für alle deine Kanäle. Wenn du einen Kanal erstellst, kannst du die Vorlage eines anderen mit Einstellungen kopieren von übernehmen.

Der Plan entscheidet, ob es im Kanal ankommt

Der kostenlose Plan veröffentlicht das zusammengesetzte Bild nicht: Du kannst es hier wie alle anderen gestalten und ansehen, aber in den Kanälen erscheint das Originalfoto des Produkts. Wenn das bei dir der Fall ist, sagt es ein Hinweis unter dem Schalter und verlinkt auf Einstellungen › Abo. Auch die Vorschau in Angebot erstellen zeigt das zusammengesetzte Bild, verlass dich also nicht auf sie, wenn du wissen willst, was rausgeht: Das entscheidet der Plan. Im kostenlosen Plan geht das Bild außerdem immer als Foto raus, auch wenn Bild als Link senden aktiviert ist.

Der Bildschirm

  1. Vorschau: die Leinwand mit dem Bild, wie es rausgeht, und in ihrer Kopfzeile vordefinierte Vorlagen, importieren und exportieren. Sie bleibt im Blick, während du durch die Einstellungen scrollst.
  2. Bild erzeugen: schaltet das zusammengesetzte Bild ein oder aus.
  3. Elemente: was das Bild enthält; das Auge zeigt oder verbirgt jedes einzelne.
  4. Die Eigenschaften dessen, was du ausgewählt hast; hier die Leinwand mit Größe und Hintergrund.
  5. Verwerfen und Speichern, ausgegraut, bis du etwas änderst.
Auf dem Handy oder in einem schmalen Fenster

Wird der Inhalt schmal, etwa auf dem Handy oder in einem kleinen Fenster mit ausgeklapptem Menü, stapeln sich die zwei Spalten: zuerst die Einstellungen und die Vorschau am Ende, die beim Arbeiten am unteren Rand haftet. Der Pfeil in ihrer Kopfzeile (Vorschau ansehen) springt zu ihr, der Pfeil (Zurück zu den Einstellungen) bringt dich wieder nach oben.

Wenn du beim Öffnen des Editors „Wir haben deine Bildvorlage repariert“ siehst

Enthält die gespeicherte Vorlage eines Kanals etwas, das sich nicht zeichnen lässt, etwa eine falsch geschriebene Farbe, ein Element außerhalb der Leinwand oder ein fehlendes Element, wird beim Öffnen des Editors nur das repariert, was kaputt ist, und gespeichert: Was über die Leinwand hinausragt, wird hineingeschoben, alles andere kommt aus Standard.

Oben erscheint der Hinweis „Wir haben deine Bildvorlage repariert“, mit einer Zeile pro Änderung; der Rest deines Designs bleibt, wie er war. Was veröffentlicht wird, bevor jemand den Editor öffnet, geht bereits mit derselben Reparatur raus.

Bild erzeugen

  • Ausgeschaltet (so startet jeder Kanal): Jedes Angebot geht mit dem Originalfoto des Produkts raus. Die Karten darunter sind abgedunkelt und reagieren nicht, aber die Buttons für Vorlagen, Import und Export funktionieren weiter.
  • Eingeschaltet: Jedes Angebot geht mit dem zusammengesetzten Bild raus.

Darunter behält die Option Bei Amazon das Originalfoto (beim Erstellen des Kanals deaktiviert) bei Amazon-Angeboten das Originalbild des Shops, ohne Zuschnitt und ohne Text darüber, auch wenn das zusammengesetzte Bild aktiviert ist. Die Regeln des Amazon-Partnerprogramms erlauben nicht, die Fotos von Amazon zu verändern, aber ob du das aktivierst, liegt bei dir. Solange sie ausgeschaltet bleibt, tragen Amazon-Angebote dein Design wie die jedes anderen Shops.

Wenn du einen der Schalter änderst, denk daran, zu speichern.

Bild als Link senden ändert das Format, in dem das Angebot im Kanal veröffentlicht wird. Es ist eine Einstellung jedes einzelnen Kanals, unter den oberen Schaltern, und sie funktioniert auch bei ausgeschaltetem Bild erzeugen.

  • Ausgeschaltet (Standard in jedem Kanal): Das Bild steht oben als Foto, und der Nachrichtentext darf bei Telegram bis zu 1024 Zeichen lang sein.
  • Eingeschaltet: Das Angebot wird bei Telegram als Textnachricht mit bis zu 4096 Zeichen veröffentlicht, mit dem Bild darunter als große Linkvorschau.

Nutze es, wenn du für den Text deiner Angebote bei Telegram mehr als 1024 Zeichen brauchst. Ist es aktiviert, zeigt die Vorschau in Angebot erstellen das Bild unter dem Text und passt den Zähler an das Zeichenlimit des Kanals an.

Bei WhatsApp brauchst du es nicht: Das Bild steht immer oben, als Foto, mit bis zu 4096 Zeichen Text, und dieser Schalter ändert nichts (WhatsApp).

  • Hat das Angebot kein Bild, wird nur der Text mit dem Limit von 4096 Zeichen veröffentlicht.
  • Das Foto des Shops wird unverändert verlinkt. Kann Telegram es nicht öffnen, geht das Angebot ohne Vorschau raus, statt als Foto oben gesendet zu werden.
  • Im kostenlosen Plan kannst du den Schalter aktivieren, aber die Kanäle veröffentlichen immer als Foto, wie der Hinweis unten sagt. Deshalb zeigt die Vorschau in Angebot erstellen weiterhin das Bild oben und zählt bis 1024.
Wenn das Bild in einer alten Nachricht nicht mehr zu sehen ist

Das verlinkte zusammengesetzte Bild wird 90 Tage aufbewahrt. Danach kann die Vorschau der Nachricht verschwinden, aber Text und Links bleiben unverändert. Lässt sich das Bild beim Veröffentlichen nicht vorbereiten, geht das Angebot mit dem Foto des Shops unter dem Text raus oder, wenn es kein Foto hat, nur mit dem Text.

Vorschau

Die Leinwand zeigt jederzeit das Bild, das mit einem Beispielangebot erzeugt würde: ein erfundenes Produkt für 1200 mit einer UVP von 2000, also 40 % Rabatt. Die Preise werden mit der Währung und den Trennzeichen der Region deiner Organisation geschrieben.

  • Sie aktualisiert sich kurz nach jeder Änderung von selbst; solange das neue Bild erzeugt wird, bleibt das vorherige sichtbar.
  • Die Leinwand wird auf die verfügbare Breite skaliert, ohne etwas abzuschneiden; darunter steht ihre tatsächliche Größe.
  • Wenn du viele Änderungen hintereinander machst, kann „Zu viele Vorschau-Anfragen. Warte ein paar Sekunden und versuche es noch einmal.“ erscheinen: Warte einen Moment und mach weiter.

Die Leinwand

Leinwand ist die erste Zeile der Elementliste. Wenn du sie auswählst oder auf eine leere Stelle der Leinwand tippst, zeigt die Eigenschaftenkarte, was zum ganzen Bild gehört:

Größe

Option Auflösung Wofür
Querformat 1000 × 565 px Breit. Der Normalfall in einem Kanal.
Quadrat 800 × 800 px Quadratisch. Gibt dem Produkt mehr Gewicht.

Beim Ändern der Größe werden die Elemente nicht neu skaliert: Sie werden auf die neuen Grenzen zugeschnitten und nach innen geschoben. Wechselst du von Querformat zu Quadrat, drängt sich zusammen, was rechts stand: Platziere es neu.

Hintergrund

Wenn du auf die Hintergrundauswahl tippst, öffnet sich die Galerie Verfügbare Hintergründe:

  • Einen Hintergrund wählen: Tippe auf seine Karte. Er ist sofort ausgewählt, aber nicht gespeichert.
  • Kein Hintergrund: Das Bild wird auf Weiß zusammengesetzt.
  • Hintergrund hochladen: ein Bild von deinem Gerät. Erlaubt sind PNG, JPEG, WebP und GIF bis 10 MB; ein GIF verliert die Animation. Der frisch hochgeladene Hintergrund ist gleich ausgewählt und trägt den Dateinamen.
  • Hintergrund löschen: fragt nach, weil er aus der ganzen Organisation entfernt wird. Wird er von der Vorlage eines anderen Kanals verwendet, wird er nicht gelöscht: Ein Hinweis sagt, aus welchem Kanal du ihn zuerst entfernen musst, oder, wenn es ein Kanal ist, den du nicht verwaltest, dass es die Person tun kann, die die Organisation verwaltet. Wird er nur von diesem Kanal verwendet, hat seine Vorlage in diesem Moment keinen Hintergrund mehr.

Der Hintergrund wird zentriert so zugeschnitten, dass er die ganze Leinwand füllt; ein Foto mit anderem Seitenverhältnis verliert also die Ränder.

Was mit dem Hintergrund passiert, den du hochlädst, und wenn er nicht mehr lesbar ist

Beim Hochladen wird das Bild komprimiert gespeichert, auf die Größe verkleinert, die das veröffentlichte Bild braucht, richtig ausgerichtet, auch wenn das Foto hochkant aufgenommen wurde, und ohne die versteckten Daten der Datei, etwa den Aufnahmeort. Die Zahl der gespeicherten Hintergründe ist nicht begrenzt.

Lässt sich das Bild eines Hintergrunds nicht mehr lesen, sagt die Vorschau das, statt zu zeichnen: Wähle einen anderen oder lade ihn neu hoch. Mit diesem Hintergrund geht jedes Angebot mit dem Produktfoto raus.

Die Elemente

Die Vorlage hat immer vier Elemente:

Element Was es zeigt
Produktbild Das Produktfoto, beim Veröffentlichen aus dem Shop geladen.
Aktueller Preis Der Preis mit Rabatt.
Originalpreis (UVP) Der vorherige Preis, durchgestrichen; der Strich wird in seiner Gruppe Durchgestrichen eingestellt. Hat das Angebot keine UVP, wird er nicht gezeichnet.
Rabatt Der Prozentsatz der Ersparnis, „-40%“, ohne Dezimalstellen. Ohne UVP oder ohne Preisnachlass wird er nicht gezeichnet.

Es gibt kein Logo-Element und keinen freien Text: Wenn du das Logo deines Kanals oder einen festen Text in allen Angeboten haben willst, setz ihn in das Bild, das du als Hintergrund hochlädst.

Tippe auf eine Zeile von Elemente, um das Element auszuwählen, oder direkt auf das Element auf der Leinwand. Das jeder Zeile blendet es im Bild aus, ohne es aus der Vorlage zu entfernen; ausgeblendet kannst du es weiter auswählen und verschieben.

Position und Größe

Die Felder X, Y, Breite und Höhe sind Pixelwerte, gemessen ab der oberen linken Ecke der Leinwand. Dasselbe geht direkt auf der Leinwand:

  • Zieh das Element, um es zu verschieben.
  • Zieh an den Griffen, um seine Größe zu ändern. Es dreht sich nicht.
  • Pfeiltasten, um das ausgewählte Element pixelweise zu verschieben (keine Tastenkombination für größere Sprünge; sie funktionieren nicht bei ausgewählter Leinwand und nicht, während du in ein Feld tippst).
Ein Element auf der Zeichenfläche verschieben und an der Ecke ziehen, um es zu vergrößern

Kein Element kann die Leinwand verlassen: Beim Ziehen stoppt es am Rand, und ein von Hand eingegebener Wert, der es hinausschieben würde, wird von selbst korrigiert. Es gibt kein Rückgängigmachen: Am ehesten hilft Verwerfen, das zum Gespeicherten zurückkehrt.

Produktbild enthält keinen Text und hat deshalb keine weiteren Eigenschaften: Das Foto wird ganz in seinen Rahmen eingepasst, zentriert und ohne Zuschnitt, unter Beibehaltung des Seitenverhältnisses. Bevor das Produktfoto eingepasst wird, werden seine weißen Ränder abgeschnitten, und bei einem PNG mit Transparenz bleibt diese über dem Hintergrund erhalten.

Grenzen und was die Leinwand nicht kann
  • Die Mindestgröße eines Elements ist 20 × 20 px.
  • Elemente dürfen sich überlagern.
  • Es gibt keine Hilfslinien, keine Mehrfachauswahl und keine Löschtaste.

Text

Die drei Textelemente haben zusätzlich:

Feld Was es tut
Größe Die Schriftgröße in Pixeln. Passt der Text nicht in den Rahmen, verkleinert er sich von selbst, bis zu einem Minimum von 10 px.
Ausrichtung Links, Mitte oder Rechts, mit drei Symbolen.
Schriftart Sans, Serif oder Mono.
Schriftstärke Normal oder Fett.
Textfarbe Die Farbe des Textes: Tippe auf das Farbfeld, um die Auswahl zu öffnen, gib den Hex-Code ein oder nimm mit der Pipette eine Farbe vom Bildschirm. Die Pipette erscheint nur in Browsern, die sie unterstützen, derzeit Chrome und Edge am Computer.
Beschriftung Ein kurzer Text, der über dem Wert gezeichnet wird, zum Beispiel „Preis jetzt“ oder „Vorher“, mit zwei Dritteln der Schriftgröße.

Der Rahmen des Elements (einschließlich der Höhe) ist der Bereich, in dem der Text senkrecht zentriert wird; mit Beschriftung steht die Beschriftung oben und der Wert darunter, beide zentriert.

Texthintergrund: Jedes Textelement kann eine farbige Pille mit abgerundeten Ecken hinter sich haben. Der Schalter steht im Titel der Gruppe, darunter wählst du ihre Farbe. Mit eingeschalteter Pille hat der Text weniger Platz, vielleicht musst du also den Rahmen verbreitern.

Durchgestrichen: Der Originalpreis (UVP) hat zusätzlich eine Gruppe für den Strich, der ihn durchkreuzt. Der Schalter im Titel nimmt ihn weg oder setzt ihn. Darunter wählst du seine Dicke, von 1 bis 20 px; seine Form, gerade durch die Mitte des Preises oder schräg, von der unteren linken zur oberen rechten Ecke, und seine Farbe, die sich nicht ändert, wenn du die des Textes änderst. Der Strich kreuzt nur den Preis, nie die Beschriftung.

Kleingedrucktes: der Text
  • Mit eingeschalteter Pille verliert der Text auf jeder Seite 28 px Rand.
  • Bringt eine importierte Datei die Typografie eines Elements nicht mit, beginnt es bei 48 px, Sans, fett, linksbündig, in Weiß und ohne Pille.
  • Bringt sie das Durchstreichen der UVP nicht mit, wird es wie üblich gezeichnet: gerade, 3 px und in der Farbe des Textes.

Speichern, verwerfen und verlassen

  • Speichern wird aktiv, sobald du etwas anfasst, auch wenn du es danach wieder so lässt, wie es war.
  • Verwerfen fragt vorher nach und setzt die Vorlage auf den gespeicherten Stand zurück.
  • Wenn du den Bildschirm mit ausstehenden Änderungen verlassen willst, wirst du gefragt: Ohne Speichern verlassen oder Weiter bearbeiten. Wenn du den Tab schließt oder neu lädst, fragt der Browser selbst.
Wenn eine andere Person oder ein anderer Tab gleichzeitig speichert

Jede Person der Organisation mit Zugriff auf den Kanal kann seine Vorlage bearbeiten und speichern und auch Hintergründe der Bibliothek hochladen und löschen. Wenn jemand oder ein anderer Tab von dir sie speichert, nachdem du den Bildschirm geöffnet hast, oder du in einem anderen Tab den Kanal gewechselt hast, wirst du beim Tippen auf Speichern, beim Importieren oder beim Löschen eines Hintergrunds, den eine Vorlage verwendet, gewarnt, und es wird nichts gespeichert oder gelöscht: Lade neu, um das Gespeicherte zu sehen, und mach deine Änderung noch einmal.

Vordefinierte Vorlagen

öffnet das Panel Vordefinierte Vorlagen. Es gibt zwei:

  • Standard: im Querformat, mit dem Foto links und den Preisen rechts, der Preis auf einer grünen Pille und die UVP auf einer roten, mit den Beschriftungen „Preis jetzt“ und „Vorher“.
  • Quadrat: 800 × 800, mit dem Foto in der Mitte und den Preisen darunter, ohne Pillen.

Ein neuer Kanal startet mit dem Design der vordefinierten Vorlage Standard und ohne Hintergrund.

Tippe auf Laden und bestätige. Beim Laden einer Vorlage:

  • werden die vier Elemente und die Größe der Leinwand ersetzt,
  • wird der Hintergrund entfernt (es bleibt Kein Hintergrund),
  • wird Bild erzeugen eingeschaltet,
  • und die Auswahl springt auf Produktbild.

Laden ist nicht Speichern

Die vordefinierte Vorlage wird auf dem Bildschirm angewendet: Sieh sie dir in der Vorschau an und tippe auf Verwerfen, um zu deiner zurückzukehren, wenn sie dich nicht überzeugt. Erst mit Speichern geht die vorherige verloren.

Exportieren und importieren

  • Vorlage exportieren lädt die gespeicherte Vorlage als image_template.json herunter: die vier Elemente, die Größe der Leinwand, den gewählten Hintergrund und den Stand des Schalters. Was du nicht gespeichert hast, steht nicht in der Datei: Speichere zuerst.
  • Vorlage importieren öffnet ein Fenster mit dem Feld JSON der Vorlage: Füge den Inhalt einer exportierten Datei ein und tippe auf Importieren. Alles wird ersetzt, einschließlich Bild erzeugen, außer Bei Amazon das Originalfoto und Bild als Link senden, die bleiben, wie sie waren. Anders als im Rest des Bildschirms wird sofort gespeichert. Ist das Eingefügte keine Bildvorlage oder enthält es einen Fehler, sagt das Fenster über dem Feld, warum, und es wird nichts importiert.

Das eignet sich für Sicherungskopien und um ein Design von einem Kanal in einen anderen zu übernehmen. Um es in eine andere Organisation zu übertragen, entferne vor dem Import den Hintergrund (background_asset_id) aus der Datei: Jeder Hintergrund gehört zu genau einer Organisation, und der einer anderen wird abgelehnt.

Was im Kanal ankommt

Das Bild wird im Moment des Veröffentlichens zusammengesetzt, Kanal für Kanal und mit der Vorlage jedes Kanals; das gilt gleichermaßen für Angebot erstellen, die Warteschlange und die automatische Veröffentlichung.

  • Im kostenlosen Plan wird das zusammengesetzte Bild nicht veröffentlicht: In den Kanälen kommt das Originalfoto des Produkts an, immer als Foto, auch wenn Bild als Link senden eingeschaltet ist.
  • Amazon-Angebote tragen das Originalfoto, solange Bei Amazon das Originalfoto eingeschaltet ist. Die Vorschau in Angebot erstellen zeigt es bereits so.
  • Es braucht das Produktfoto: Ohne Bild-URL wird nichts zusammengesetzt, und die Nachricht geht ohne Foto raus. Das Foto wird beim Veröffentlichen aus dem Shop geladen.
  • Lässt sich das Bild nicht zusammensetzen, geht die Nachricht ohne Hinweis mit dem Originalfoto raus. Geht das Bild als Foto raus und lässt sich nicht laden oder ist größer als 8 MB, schlägt die Veröffentlichung in diesem Kanal mit „Das Bild des Angebots konnte nicht geladen werden.“ fehl. Geht es als Link raus, öffnet Telegram es direkt, ohne es zu laden.
  • Mit Bild (zusammengesetzt oder original) gilt für den Nachrichtentext bei Telegram ein Limit von 1024 Zeichen statt 4096, außer du nutzt Bild als Link senden, das die 4096 beibehält. Es zählen nur die Zeichen des sichtbaren Textes, wie bei Telegram, und die Summe kannst du in der Vorschau in Angebot erstellen prüfen.
  • Das Produktbild auszublenden setzt das Bild ohne das Foto zusammen, aber das Angebot braucht weiterhin die Bild-URL, damit überhaupt etwas zusammengesetzt wird.
Installiere Codingram Öffnet sich wie eine App, ohne App-Store