Screenshot-Rahmen-Generator

Rahmen Sie einen Screenshot einfarbig ein, damit er sich auf weißen Seiten abhebt.

Läuft in Ihrem Browser
Keine Uploads
Kein Konto

Ihr Browser-Tool wird geladen…

Was Screenshot-Rahmen-Generator macht

Weiß auf Weiß ist das klassische Help-Center-Problem: Ein heller App-Screenshot auf einer weißen Artikelseite hat keine sichtbare Kante. Ein dünner Rahmen behebt das. Die Vorgabe ist ein 10 px breiter dunkelgrauer Rahmen (#1F2328) mit eckigen Ecken und ohne äußeren Abstand, sodass das Bild um genau die doppelte Rahmenbreite wächst.

Passen Sie Rahmenbreite und Rahmenfarbe an Ihr Doku-Design an; oft genügt ein hellgrauer Rahmen von 1 oder 2 px. Unter „Weitere Optionen“ finden Sie Eckenradius, Innenabstand außerhalb des Rahmens und einen Hintergrund für diesen Abstand. Für eine weichere Kante ohne Linie versuchen Sie den Screenshot-Schatten-Generator.

Beispiel

Ihre Auswahl

Ein Screenshot mit 1440 × 900 px und dem Standardrahmen

Download

screenshot-border.png
1460 × 920 px mit einem 10 px breiten Rahmen in #1F2328

Der Rahmen wird außen um den Screenshot gelegt, sodass kein Pixel des Originals verdeckt wird.

Anleitung: Screenshot-Rahmen-Generator

Wählen Sie „Datei auswählen“ oder fügen Sie den Screenshot ein.
Stellen Sie Rahmenbreite und Rahmenfarbe ein.
Ergänzen Sie bei Bedarf Eckenradius oder Innenabstand unter „Weitere Optionen“ und klicken Sie dann auf „.png herunterladen“.

Gut zu wissen

Nur eine Vollton-Farbe. Gestrichelte, doppelte oder Verlaufsrahmen gibt es nicht.
Die Vorgabe für die Rahmenbreite skaliert mit dem Bild: Ein 2880 px breiter Screenshot beginnt mit einem 20 px breiten Rahmen. Prüfen Sie den Wert also bei großen Bildern.
Wenn Sie die Ecken abrunden, werden die Ecken des Screenshots selbst etwas weniger stark gerundet, damit der Rahmen gleichmäßig dick bleibt.

Fragen zu Screenshot-Rahmen-Generator

Welche Rahmenbreite sollte ich für Screenshots in der Dokumentation verwenden?

1 bis 2 px bei einem 1x-Bild oder 2 bis 4 px bei einem Retina-Bild, das in halber Größe angezeigt wird. Verwenden Sie ein helles Grau wie #D0D7DE. Dicke dunkle Rahmen wirken im Fließtext schwer.

Wie füge ich einem Bild einen Rahmen hinzu, ohne es zu vergrößern?

Dieses Tool fügt den Rahmen immer außerhalb des Bildes hinzu. Um die Originalgröße zu behalten, verkleinern Sie es zuerst mit dem Tool Screenshot-Größe ändern um die doppelte Rahmenbreite und fügen dann den Rahmen hinzu.

Kann ich einen abgerundeten Rahmen erstellen?

Ja. Öffnen Sie „Weitere Optionen“ und erhöhen Sie den Eckenradius. Der Rahmen folgt der abgerundeten Form, und die Bereiche außerhalb verwenden den gewählten Hintergrund, auch transparent.