Screenshot online beschriften

Pfeile zeichnen, Text einfügen, Sensibles unscharf machen oder schwärzen und zuschneiden – sofort und direkt im Browser. Kostenlos, ohne Anmeldung.

Screenshot ablegen und beschriften Screenshot beschriften

Per Drag & Drop hier ablegen oder mit ⌘V einfügen. Wähle einfach einen aus deinen Fotos aus.

Screenshot beschriften

  1. 1 Wähle oben ein Werkzeug und zeichne auf deinem Screenshot. Tippe oben auf ein Werkzeug und ziehe dann auf dem Screenshot.
  2. 2 Dann Herunterladen – oder mit ⌘C kopieren. Mit zwei Fingern zoomen und verschieben – dann unten auf Herunterladen tippen.

Abstände messen

Ziehe über das Bildschirmfoto – das Lineal rastet an einer Achse ein und seine Enden springen an nahe Kanten. Halte ⌘ gedrückt, um sie frei zu setzen.

Oder halte 1 / 2 oder eine Pfeiltaste gedrückt und bewege die Maus: Das Lineal misst den Bereich unter dem Zeiger von selbst. Klicke, um es zu setzen, und scrolle, um es bis über die nächste Kante zu verlängern.

Klicke auf ein gesetztes Lineal, um es zu bewegen (⇧ hält es auf einer Achse), oder ziehe an seinen Enden, um es genau an den Abstand anzupassen. Ziehe ein gesetztes Lineal, um es zu bewegen, oder ziehe an seinen Enden, um es genau an den Abstand anzupassen.

Zieh mich Beschrifteter Screenshot
100 %

So beschriftest du einen Screenshot online

Ziehe einen Screenshot in den Editor oben, füge ihn mit ⌘V direkt aus der Zwischenablage ein oder klicke auf Screenshot hochladen, um eine Datei auszuwählen. Für den nächsten öffnest du Datei ganz links in der oberen Leiste und wählst Neuen Screenshot auswählen (⌘O); unter Dateiinformationen siehst du dort Größe und Dateidetails. Der Rest der Leiste stammt direkt aus dem Snapix-Editor: Alle Werkzeuge liegen in einer Reihe – Auswählen, die Formen, Text, das Werkzeug zum Unkenntlichmachen und Spotlight, nummerierte Schritte, Stift und Textmarker – und das ⌄ am Ende enthält Messen und die Emoji-Sticker. Wähle ein Werkzeug und ziehe auf dem Bild, um es zu platzieren. Die Leiste daneben passt sich dem Werkzeug an: Beim Pfeil zeigt sie Farbe, Stärke und Stil (Keil, Klassisch, Winkel oder Sticker), beim Text Größe und Stil; beim Werkzeug zum Unkenntlichmachen wechselst du zwischen Verpixeln, Weichzeichnen und Schwärzen, mit einem Regler für die Intensität. Um ein Rechteck, eine Ellipse, einen Text oder einen Emoji-Sticker zu drehen, wähle das Objekt aus und ziehe knapp außerhalb einer seiner Ecken, wo der Zeiger zu einem gebogenen Pfeil wird; halte die Umschalttaste gedrückt, um in 15°-Schritten zu drehen.

Wenn alles passt, klicke auf Herunterladen für ein PNG oder öffne das Menü daneben für ein JPG oder um das fertige Bild in die Zwischenablage zu kopieren. Die Leiste unten wirkt auf das ganze Bild: Mit 90° drehen drehst du es samt allen Markierungen, mit Zuschneiden legst du den Ausschnitt fest – ziehe an den Rändern oder ziehe einen Bereich auf und wähle dann eine Ausgabegröße, um es zusätzlich zu verkleinern – und rechts gibt Teilen es an eine andere App weiter. In Chrome und Edge ziehst du das Bild mit Zieh mich direkt in einen Chat, eine E-Mail oder auf deinen Schreibtisch. Am Bildschirm anpinnen lässt es in einem kleinen Fenster schweben, das beim Arbeiten über allem anderen bleibt.

Wofür sich beschriftete Screenshots eignen

Fehlerberichte und QA

Ein guter Fehlerbericht zeigt direkt auf das Problem. Setze einen Pfeil in den Screenshot, um das defekte Bedienelement zu markieren, ziehe ein Rechteck um den Bereich und füge nummerierte Schritte hinzu, die dein Entwicklungsteam der Reihe nach durch das Nachstellen des Fehlers führen. Löschst du eine Schrittnummer, werden die übrigen automatisch neu nummeriert – so kannst du umsortieren, ohne alles von Hand anzupassen.

Anleitungen, Dokumentation und Onboarding

In Anleitungen dunkelt das Spotlight-Werkzeug alles außer dem wichtigen Bereich ab und lenkt den Blick sofort dorthin. Kombiniere es mit dem Textmarker und kurzen Textbeschriftungen – ein Text im Stil „Sprechblase“ zeigt von selbst auf sein Motiv. Soll der Screenshot selbst präsentationsreif aussehen, öffne Hintergrund (die erste Kachel in der Leiste) für einen Farbverlauf, eine Farbe oder einen weichgezeichneten Hintergrund mit Abstand, weichem Schatten und abgerundeten Ecken – oder setze ihn mit unserem Tool „Screenshot-Mockup“ in einen Browser- oder Fensterrahmen.

Code-Reviews und Feedback

Einen Diff oder ein Design-Mockup zu markieren geht schneller, als es in Worten zu beschreiben. Rechtecke, Pfeile und ein paar Beschriftungen machen aus einem vagen Kommentar eine eindeutige Ansage. Das Messwerkzeug zeigt dir den genauen Abstand zwischen zwei Kanten in Pixeln.

Screenshot richtig verpixeln und schwärzen

Um einen Bereich im Screenshot zu verpixeln oder unscharf zu machen, wähle das Werkzeug zum Unkenntlichmachen – die Kachel mit dem Mosaik – und ziehe über die E-Mail-Adresse, das Token oder das Gesicht, das verschwinden soll. Im zugehörigen Menü wechselst du zwischen Verpixeln, Weichzeichnen und Schwärzen; der Regler „Intensität“ legt fest, wie stark der Effekt ist. Willst du einen Screenshot schwärzen, weil wirklich Sensibles darin steht, geh dabei bewusst vor. Alle drei Varianten sind destruktiv – sie werden fest in die exportierten Pixel eingerechnet, ohne versteckte Originalebene darunter –, aber sei ehrlich zu dir, was die Stärke angeht. Eine leichte Verpixelung über kleinem Text lässt sich manchmal teilweise rekonstruieren, weil die Blöcke noch die Form der Buchstaben darunter nachzeichnen.

Für echte Geheimnisse – API-Schlüssel, Kartennummern, Adressen – nimm Schwärzen, das den Bereich mit massivem Schwarz abdeckt, oder schiebe die Intensität ganz nach oben. Sieh dir danach das exportierte Ergebnis an, bevor du es verschickst. Willst du den Text aus einem Bild herausholen, statt ihn zu verbergen, liest ihn unser Tool „Text aus Bild“ ebenfalls direkt im Browser aus.

Der Snapix-Editor als Web-Version

Dieses Tool ist der Editor aus Snapix für den Mac, nachgebaut für den Browser – dieselbe Werkzeugleiste in derselben Reihenfolge, dieselben vier Pfeilstile mit Griff für die Krümmung, Spotlight, das Werkzeug zum Unkenntlichmachen mit Intensitätsregler, Emoji-Sticker, ein Lineal zum Messen in Pixeln, automatisch nummerierte Schritte und die Farbverläufe aus „Hintergrund“, gesteuert über dieselben Kürzel mit nur einer Taste. Auf dem Mac ist er nach jeder Aufnahme nur einen Klick entfernt (⌘⇧4, dann „Bearbeiten“). Dort kommen „Text extrahieren“ und ein Textmarker hinzu, der sich von selbst an die Textzeilen anpasst – beide lesen die Wörter in deinem Screenshot. Außerdem exportiert er in exakter Retina-Auflösung und pinnt Screenshots über allen Fenstern an.

Häufige Fragen

Funktioniert der Editor auch offline?

Ja. Der gesamte Editor läuft in deinem Browser auf einem HTML-Canvas. Sobald die Seite geladen ist, kannst du auch ohne Netzwerkverbindung weiter beschriften und exportieren.

Lässt sich unscharfer oder verpixelter Text wiederherstellen?

Verpixeln, Weichzeichnen und Schwärzen sind destruktiv: Sie werden fest in die exportierten Pixel eingerechnet, darunter liegt keine versteckte Originalebene. Eine leichte Verpixelung über kleinem Text lässt sich aber manchmal teilweise rekonstruieren, weil die Blöcke die Buchstabenformen noch erahnen lassen. Für echte Geheimnisse – API-Schlüssel, Kartennummern, Gesichter – schiebe den Regler „Intensität“ nach oben oder nimm „Schwärzen“, das den Bereich mit massivem Schwarz abdeckt, und prüfe das Ergebnis, bevor du es teilst.

Bleibt beim Export die Originalauflösung erhalten?

Ja. Jeder Pfeil, jedes Rechteck und jede Beschriftung wird im Koordinatensystem des Bildes selbst gespeichert, deshalb rendert das Tool beim Export das Original und alle Markierungen in voller Auflösung neu. Ein Retina-Screenshot wird in seiner echten Pixelgröße gespeichert, nicht in der kleineren Größe, die auf dem Bildschirm zu sehen ist; ein Hintergrund fügt seinen Abstand rundherum hinzu. Sehr große Bilder werden an der langen Kante auf 8000 px begrenzt, damit alles flüssig bleibt.

Welche Tastenkombinationen gibt es?

Einzelne Tasten wählen Werkzeuge, genau wie in der Mac-App: V Auswählen, R Rechteck, F Gefülltes Rechteck, O Ellipse, L Linie, A Pfeil, T Text, P Verpixeln, B Weichzeichnen, X Schwärzen, S Spotlight, C Schritt, D Zeichnen, H Textmarker, M Messen, K Zuschneiden und G für „Hintergrund“. ⌘Z / Strg+Z widerruft und ⌘⇧Z wiederholt jeden Schritt, auch Zuschneiden und Drehen. ⌘C kopiert das fertige Bild (oder die ausgewählte Markierung), ⌘S lädt es herunter, die Rückschritttaste entfernt die Auswahl, Esc hebt sie auf, ⌘D dupliziert und [ oder ] schiebt eine Markierung nach hinten oder holt sie nach vorn. Die Zifferntasten 1–6 legen die Größe fest und bei ausgewähltem Spotlight bestimmen 1–9, wie stark abgedunkelt wird. Halte die Umschalttaste gedrückt, um Formen gleichmäßig aufzuziehen oder eine Linie auf 45° einrasten zu lassen, halte die Leertaste gedrückt, um den Ausschnitt zu verschieben, und zoome mit ⌘ + Scrollen oder ⌘+ / ⌘−.

Welche Formate kann ich öffnen und speichern?

Du kannst alles öffnen, was dein Browser lesen kann – PNG, JPG, WebP, GIF, BMP –, indem du eine Datei auswählst, sie hineinziehst oder mit ⌘V einfügst. HEIC-Fotos vom iPhone können die meisten Browser nicht öffnen; wandle sie vorher mit unserem kostenlosen Tool „HEIC in JPG“ um. „Herunterladen“ speichert das Bild als PNG (mit Transparenz); im Menü daneben findest du JPG und „In die Zwischenablage kopieren“. „Teilen“ gibt es an jede App weiter, die Bilder annimmt, und in Chrome kannst du es mit „Zieh mich“ direkt aus dem Editor ziehen.

Ist das Tool kostenlos? Gibt es ein Wasserzeichen?

Es ist kostenlos, ohne Anmeldung, ohne Exportlimit und ohne Wasserzeichen auf deinem Bild. Es ist das Web-Gegenstück zu Snapix, der Screenshot-App für den Mac, die wir entwickeln – mit den Tools hier stellen wir sie vor.

Auf dem Mac ist dieser Editor nach jeder Aufnahme nur einen Klick entfernt

Drücke ⌘⇧4 und klicke in der Vorschau auf „Bearbeiten“ (oder lass jede Aufnahme direkt dort öffnen) – für denselben Editor: Pfeile mit Krümmung, Spotlight, Weichzeichnen, nummerierte Schritte, Emoji-Sticker, Messen, Hintergründe und „Text extrahieren“, exportiert in exakter Retina-Auflösung.

Snapix für Windows ist unterwegs

Hinterlass deine E-Mail-Adresse, und wir schreiben dir einmal: an dem Tag, an dem es so weit ist.