Zum Hauptinhalt springen

Bildeditor

Mit dem integrierten Bildeditor von Copera annotieren Sie Screenshots und Bilder direkt in jeder Chat-Nachricht — ohne separates Screenshot-Tool. Fügen Sie ein Bild per Einfügen oder Drag-and-Drop in einen Text-Channel, eine Direktnachricht oder einen Gruppenchat ein, und der Editor öffnet sich automatisch mit sechs Werkzeugen (Auswahl, Stift, Pfeil, Text, Rechteck, Ellipse), acht voreingestellten Farben plus benutzerdefinierter Hex-Eingabe, drei Strichstärken und einem Füll-Schalter für Formen. Ob Sie einen Bug markieren, Design-Feedback geben oder sensible Inhalte schwärzen — Sie markieren und senden das Bild in Sekunden.

Wann der Bildeditor erscheint​

Der Bildeditor öffnet sich automatisch, sobald Sie ein Bild an eine Chat-Nachricht anhängen. Nach dem Ablegen eines Bildes in einer Unterhaltung oder dem Einfügen eines Screenshots öffnet sich eine Vollbildvorschau mit bereiten Editor-Werkzeugen. Sie können das Bild unverändert senden oder zuerst annotieren.

Der Editor ist verfügbar aus:

  • Text-Channels — Wenn Sie ein Bild in einen Chat-Channel anhängen oder einfügen.
  • Direktnachrichten — Wenn Sie einem Kollegen in einer DM ein Bild senden.
  • Gruppenchats — Wenn Sie ein Bild mit einer Gruppe teilen.

Sie können mehrere Bilder in einer Nachricht senden. Jedes Bild hat einen eigenen Editor, sodass Sie jedes unabhängig annotieren können, bevor Sie sie gemeinsam senden.

Erste Schritte​

So sieht ein typischer Workflow mit dem Bildeditor aus:

  1. Fügen Sie ein Bild per Einfügen oder Drag-and-Drop in den Nachrichtenbereich ein.
  2. Die Bildvorschau öffnet sich im Vollbild mit der Editor-Symbolleiste unten.
  3. Wählen Sie das gewünschte Werkzeug (Stift, Pfeil, Text, Rechteck oder Ellipse).
  4. Zeichnen Sie auf dem Bild, um Ihre Annotation hinzuzufügen.
  5. Ändern Sie bei Bedarf Farben oder Strichstärken.
  6. Tippen Sie Ihre Nachricht in das Textfeld unten.
  7. Klicken Sie auf Send, um das annotierte Bild zu teilen.

Wenn Sie nicht senden möchten, klicken Sie oben links auf X, um die Vorschau zu schließen. Copera fragt zur Bestätigung nach, damit Annotationen nicht versehentlich verloren gehen.

Annotationswerkzeuge​

Die Symbolleiste hat fünf Zeichenwerkzeuge plus ein Auswahlwerkzeug. Jedes ist für eine bestimmte Art von Markup gedacht.

Auswahl​

Das Cursor-Symbol ist das Auswahlwerkzeug. Klicken Sie darauf, um das Zeichnen zu beenden und in den Auswahlmodus zu wechseln. Im Auswahlmodus können Sie:

  • Auf eine vorhandene Annotation klicken, um sie auszuwählen.
  • Ausgewählte Annotationen per Ziehen verschieben.
  • Über die Eckgriffe skalieren oder transformieren.
  • Das Auswahlmenü mit schnellen Formatierungs- und Löschoptionen öffnen.

Nutzen Sie das Auswahlwerkzeug, wenn Sie etwas bereits Gezeichnetes anpassen, verschieben oder entfernen möchten.

Stift​

Das Bleistift-Symbol ist das Freihand-Stiftwerkzeug. Klicken und ziehen Sie, um jede Form oder Linie zu zeichnen — Unterschriften, Schnörkel, grobe Kreise, handschriftliche Notizen. Der Stift folgt dem Cursor exakt.

Ideal für:

  • Etwas mit einer groben handgezeichneten Schleife umkreisen.
  • Eine kurze handschriftliche Notiz schreiben.
  • Ein Wort oder einen Bereich unterstreichen.

Pfeil​

Das Pfeil-Symbol zeichnet eine gerade Linie mit einer Pfeilspitze an einem Ende. Klicken Sie, um den Startpunkt zu setzen, ziehen Sie dorthin, wohin der Pfeil zeigen soll, und lassen Sie los.

Ideal für:

  • Auf eine bestimmte Schaltfläche oder ein Element zeigen.
  • Eine Richtung auf einer Karte oder einem Diagramm anzeigen.
  • Zwei Bildteile mit einer klaren visuellen Verbindung verknüpfen.

Text​

Das Text-Symbol fügt eine Textbeschriftung zum Bild hinzu. Klicken Sie irgendwo auf das Bild, um eine Textbox zu platzieren, und tippen Sie Ihre Nachricht. Drücken Sie Escape oder klicken Sie außerhalb des Texts, um abzuschließen.

Ideal für:

  • Elemente in einem Screenshot beschriften.
  • Eine Bildunterschrift oder Notiz hinzufügen.
  • Einen bestimmten Wert wie einen Preis oder eine Punktzahl hervorheben.

Rechteck​

Das Rechteck-Symbol zeichnet eine rechteckige Box. Klicken und ziehen Sie, um die Größe festzulegen. Die Form kann eine Umrissbox oder eine gefüllte Box sein (siehe Füllung unten).

Ideal für:

  • Einen bestimmten Bereich eines Screenshots hervorheben.
  • Eine Region zum Schwärzen oder Bearbeiten markieren.
  • Einen Bildausschnitt zur Betonung einrahmen.

Ellipse​

Das Kreis-Symbol zeichnet eine Ellipse (Oval oder Kreis). Klicken und ziehen Sie, um die Größe festzulegen. Wie Rechtecke können Ellipsen umrandet oder gefüllt sein.

Ideal für:

  • Ein Gesicht, Logo oder ein anderes rundes Objekt umkreisen.
  • Einen Schlüsselpunkt mit weicherem Stil als bei Rechtecken hervorheben.

Farbe und Stärke​

Die Symbolleiste enthält Steuerelemente für das Aussehen Ihrer Annotationen.

Farbauswahl​

Fahren Sie mit der Maus über das Farbfeld, um eine Palette mit acht voreingestellten Farben plus einer benutzerdefinierten Farbeingabe anzuzeigen:

FarbeTypische Verwendung
RotFehler, Warnungen, kritische Probleme
OrangeVorsicht, Aufmerksamkeit
GelbHervorhebungen, Tipps
GrünErfolg, Freigaben, gute Beispiele
BlauInformation, Links, allgemeine Annotationen
LilaBesondere Hinweise, Kategorien
SchwarzNeutrale Annotationen auf hellen Bildern
WeißNeutrale Annotationen auf dunklen Bildern

Für eine Farbe außerhalb der Palette nutzen Sie die Hex-Farbeingabe unten in der Auswahl.

Strichstärke​

Mit dem Umschalter S / M / L wählen Sie, wie dick Stiftstriche, Pfeile und Formumrisse sind:

  • S (Small) — 2 Pixel, für feine Details.
  • M (Medium) — 4 Pixel, die Standardeinstellung.
  • L (Large) — 8 Pixel, für kräftige Annotationen, die auffallen.

Beim Textwerkzeug steuern S/M/L stattdessen die Schriftgröße (16, 24 oder 32 Pixel). So bleibt Ihre typografische Hierarchie sichtbar, wenn Sie Text und Zeichnungen mischen.

Füll-Schalter für Formen​

Wenn ein Rechteck oder eine Ellipse ausgewählt ist, erscheint das Fülleimer-Symbol im Auswahlmenü. Klicken Sie darauf, um umzuschalten zwischen:

  • Umrissen — Nur der Rand wird gezeichnet. Nutzen Sie das, wenn Sie einen Bereich markieren möchten, ohne den Inhalt zu verdecken.
  • Gefüllt — Die ganze Form ist mit der gewählten Farbe gefüllt. Nutzen Sie das, um einen Bildteil vollständig abzudecken oder zu schwärzen.

Der Wechsel zwischen gefüllt und umrissen ist sofort — Sie müssen die Form nicht neu zeichnen.

Annotationen bearbeiten und anordnen​

Sobald Sie etwas gezeichnet haben, können Sie es weiter verfeinern.

Auswählen​

Klicken Sie mit dem Auswahlwerkzeug auf eine Annotation. Ein Rahmen erscheint darum, und das Auswahlmenü öffnet sich mit kontextbezogenen Optionen.

Verschieben​

Ziehen Sie eine ausgewählte Annotation, um sie irgendwo auf dem Bild neu zu positionieren.

Skalieren​

Greifen Sie die Eckgriffe einer ausgewählten Form, eines Pfeils oder einer Textbox und ziehen Sie zum Skalieren. Das funktioniert für Rechtecke, Ellipsen, Pfeile und Textboxen.

Eigenschaften nach dem Zeichnen ändern​

Bei ausgewählter Annotation zeigt das Auswahlmenü:

  • Farbfelder — Farbe ändern, ohne neu zu zeichnen.
  • Strichstärke oder Schriftgröße — Dicke oder Textgröße anpassen.
  • Füll-Schalter — Bei Formen zwischen umrissen und gefüllt wechseln.
  • Duplizieren — Annotation kopieren und leicht versetzt einfügen für schnelle Wiederholungen.
  • Löschen — Annotation sofort entfernen.

Rückgängig und Wiederholen​

Der Abschnitt History der Symbolleiste bietet drei Steuerelemente:

  • Rückgängig (gebogener Pfeil nach links) — Annotationen einzeln zurücknehmen.
  • Wiederholen (gebogener Pfeil nach rechts) — Eine rückgängig gemachte Annotation erneut anwenden.
  • Alles löschen (Papierkorb-Symbol) — Alle Annotationen auf einmal vom Bild entfernen.

Rückgängig und Wiederholen arbeiten durch die gesamte Bearbeitungshistorie, sodass Sie frei experimentieren können, ohne Fehler zu fürchten.

tipp

Wenn Sie versehentlich alles mit dem Papierkorb gelöscht haben, drücken Sie direkt danach Rückgängig. Das Löschen ist rückgängig machbar, bis Sie eine weitere Änderung vornehmen.

Ein annotiertes Bild senden​

Wenn Sie mit Ihren Annotationen zufrieden sind, senden Sie das Bild wie jede andere Nachricht:

  1. Tippen Sie optional begleitenden Text in das Eingabefeld unten.
  2. Drücken Sie Enter oder klicken Sie auf die Schaltfläche Senden.
  3. Das Bild wird mit allen Annotationen „eingebrannt“ gesendet, sodass Empfänger sie als Teil des Bildes sehen.

Da Annotationen in das finale Bild flachgerechnet werden, brauchen Empfänger keinen speziellen Viewer — Ihr markiertes Bild sieht für alle gleich aus.

Häufige Anwendungsfälle​

Bug-Meldungen​

Machen Sie einen Screenshot eines Bugs und annotieren Sie:

  • Rotes Rechteck um das defekte Element.
  • Roter Pfeil, der auf das genaue Problem zeigt.
  • Textbeschriftung mit einer kurzen Beschreibung des Fehlers.

Senden Sie das annotierte Bild in Ihren Bug-Tracking-Channel für einen klaren visuellen Bericht.

Design-Feedback​

Teilen Sie ein Mockup und markieren Sie Feedback:

  • Grüne Häkchen (handgeschrieben mit dem Stift) neben Dingen, die gut aussehen.
  • Orange Kreise um Elemente, die angepasst werden müssen.
  • Text-Callouts, die erklären, was geändert werden soll und warum.

So erhält Ihr Designer eine präzise visuelle Liste statt vagem mündlichem Feedback.

Dokumente markieren​

Wenn Sie eine PDF-Seite oder ein Foto eines Papierdokuments teilen:

  • Gelber Stift als Textmarker über wichtigem Text.
  • Rechteck um eine Schlüsselpassage.
  • Textnotizen am Rand, um Fragen aufzuwerfen.

So wird jedes Bild zu einem Markup-Dokument, ohne PDF-Editor.

Sensible Inhalte schwärzen​

Bevor Sie Screenshots öffentlich oder mit Kunden teilen:

  • Schwarze gefüllte Rechtecke über Namen, E-Mails oder anderen persönlichen Informationen.
  • Schwarze gefüllte Ellipsen über Gesichter oder Logos, die Sie verbergen möchten.

So teilen Sie nützlichen Kontext und schützen sensible Details.

Aufmerksamkeit lenken​

Beim Onboarding neuer Teammitglieder oder beim Schulen von Kollegen:

  • Pfeile, die auf Schaltflächen zeigen, die geklickt werden müssen.
  • Nummerierte Textbeschriftungen (1, 2, 3) für die Reihenfolge der Schritte.
  • Farbige Rechtecke, die zusammengehörige Steuerelemente gruppieren.

Ein gut annotierter Screenshot ist oft schneller und klarer als reine Textanweisungen.

Tipps und Best Practices​

tipp

Nutzen Sie Farben im Team einheitlich. Wenn alle Rot für Bugs und Grün für Freigaben verwenden, lassen sich annotierte Bilder auf einen Blick scannen.

tipp

Kombinieren Sie Textbeschriftungen mit Pfeilen für maximale Klarheit. Ein Pfeil zeigt, worauf Sie deuten; eine Textbeschriftung erklärt, warum es wichtig ist.

tipp

Halten Sie Annotationen minimal. Ein oder zwei gut platzierte Pfeile und eine kurze Textbeschriftung vermitteln oft mehr als ein überladenes Bild mit Dutzenden Markierungen.

tipp

Nutzen Sie Duplizieren, um wiederholte Annotationen zu beschleunigen. Brauchen Sie fünf identische Rechtecke, zeichnen Sie das erste, wählen Sie es aus und duplizieren Sie es, statt von Grund auf neu zu zeichnen.

Häufig gestellte Fragen​

Kann ich ein Bild nach dem Senden noch bearbeiten?​

Nein. Nach dem Senden sind die Annotationen ins Bild flachgerechnet, und die originalen Annotationsdaten werden nicht aufbewahrt. Wenn Sie überarbeiten müssen, senden Sie eine neue annotierte Version.

Kann der Empfänger meine Annotationen verschieben oder entfernen?​

Nein. Annotationen sind Teil des finalen Bildes; Empfänger sehen sie als Pixel, nicht als bearbeitbare Elemente. Das ist ein Feature, keine Einschränkung — Ihr Markup kann von niemandem versehentlich geändert werden.

Funktioniert der Bildeditor auf dem Smartphone?​

Die Annotations-Symbolleiste und Werkzeuge sind im Chat-Vorschaufluss moderner mobiler Browser verfügbar. Mit Touch-Gesten zeichnen Sie mit dem Stift, wählen Annotationen aus und passen sie an. Farben und Stärken sind über dieselbe Symbolleiste erreichbar.

Welche Dateiformate unterstützt der Editor?​

Der Editor arbeitet mit gängigen Bildformaten einschließlich PNG, JPG, GIF, WebP und SVG. Animierte GIFs werden beim Annotieren auf ein Standbild flachgerechnet.

Wird das Originalbild ersetzt?​

Wenn Sie annotieren und senden, enthält das gesendete Bild Ihre Annotationen. Die unveränderte Originalversion bleibt nur erhalten, wenn Sie sie vor dem Annotieren separat gespeichert haben. Für eine saubere Kopie speichern Sie sie in Drive oder auf dem Computer, bevor Sie den Editor öffnen.

Kann ich Annotationen speichern, um sie später wiederzuverwenden?​

Annotationen werden mit dem Bild gesendet, aber nicht als separate Datei gespeichert. Für wiederverwendbares Markup behalten Sie ein Vorlagenbild in Drive, das Sie bei Bedarf erneut öffnen und annotieren können.

Verwandte Funktionen​