Tools95

BEARBEITEN / EIN PRAKTISCHER BILD-LEITFADEN

So verschönern Sie einen Screenshot mit Vorlagen und Hintergründen

Machen Sie den Screenshot einfacher zu teilen.

Wählen Sie ein vollständiges Design und verfeinern Sie dann Hintergrund, Browserrahmen und Abstände in einer Live-Vorschau. Verwenden Sie eine Social-Canvas oder benutzerdefinierte Abmessungen und wählen Sie Start, um ein PNG, JPG oder WebP zu exportieren.

Anleitung folgen
ECHTE QUELLE UND HERUNTERGELADENE AUSGABE
Vorher Quell-Screenshot vor der Bearbeitung

Originalbeispiel: 1440 mal 900 Pixel.

Nachher Fiktives Dashboard im Midnight-Dunkelbrowser-Rahmen und blauem Verlauf

Tatsächliches heruntergeladenes Ergebnis: 2312 mal 1301 Pixel.

Der Vergleich verwendet das Originalbeispiel und das tatsächlich heruntergeladene Ergebnis, skaliert zum Lesen. Unterschiedliche Leinwandabmessungen werden bei verschiedenen Anzeigeskalierungen angezeigt; transparente Bereiche folgen dem Seitenhintergrund.
Werbeanzeigen
KURZE VIDEOANLEITUNG How to beautify a screenshot with a template Upload a screenshot, choose the Midnight design in Settings, then create and download the actual framed PNG. English narration. Englische Vertonung Video ansehen

How to beautify a screenshot with a template

Werbeanzeigen

Folgen Sie einem verifizierten Beispiel und passen Sie dann die Steuerelemente an Ihr eigenes Bild an. Screenshot-Verschönerer öffnen.

01

Beginnen Sie mit einem lesbaren Screenshot

Öffnen Sie den Screenshot-Verschönerer und wählen Sie „Ein Beispiel ausprobieren“, um das hier verwendete fiktive Dashboard zu laden, oder laden Sie Ihr eigenes Bild hoch. Die Beispielquelle ist ein 1440 mal 900 Pixel großes PNG. Verwenden Sie eine Originalaufnahme anstelle eines Screenshots, der aus einer komprimierten Chat-Vorschau kopiert wurde, wenn kleine Schriftzeichen wichtig sind.

Das Tool gestaltet ein Bild; es durchsucht keine Website und erfasst keine URL. Erstellen Sie für diesen Arbeitsablauf zuerst die Aufnahme mit „URL zu Bild“ und öffnen Sie dann das gespeicherte Bild im Screenshot-Verschönerer.

Schneiden Sie irrelevante Seitenbereiche vor dem Styling zu, falls der Screenshot sonst zu klein zum Lesen werden würde.

02

Wählen Sie eine vollständige Vorlage

Öffnen Sie auf einem Telefon die Einstellungen. Wählen Sie in der Design-Galerie Midnight. Es wendet einen dunkelblauen Verlauf, einen dunklen Browser-Rahmen, abgestimmte Abstände, abgerundete Ecken und eine Breitbild-Leinwand an. Die Vorschau aktualisiert sich sofort.

Die anderen Designs sind Studio, Minimal, Floating, Ocean, Social card, Soft rose und Warm paper. Dies sind bearbeitbare Ausgangspunkte und keine festen Vorlagen. Wählen Sie zuerst die passendste Komposition und passen Sie dann nur das an, was geändert werden muss. Rückgängig kehrt zu den vorherigen Einstellungen zurück.

Midnight eignet sich für eine helle Benutzeroberfläche, da die dunklere Umgebung die Ränder des Screenshots gut sichtbar macht.

Das Beispiel in dieser Anleitung

Enthalten: 1440 x 900 fiktives Dashboard; Midnight-Vorlage mit unveränderten abgestimmten Einstellungen; Export-Maßstab 1x; PNG. Die 2312 x 1301 Ausgabe wurde vom aktuellen Tool heruntergeladen.

Quelle
1440 x 900 px
Ausgabe
2312 x 1301 px
Format
PNG
Verarbeitung
In Ihrem Browser
03

Passen Sie die Komposition an das Ziel an

Der Hintergrund kann ein Verlauf, eine Volltonfarbe, Ihr eigenes Bild oder transparent sein. Für ein benutzerdefiniertes Bild verwenden Sie Hintergrundbild wählen. Dieser Hintergrund füllt die Leinwand aus und wird möglicherweise zugeschnitten; der Screenshot wird eingepasst, ohne seine ursprünglichen Ränder zu verlieren. Der Fensterrahmen kann Light browser, Dark browser oder None sein. Der Fenstertitel ist eine dekorative Beschriftung.

Der Abstand steuert den Freiraum um den Screenshot. Abgerundete Ecken und Schatten formen die Karte. Die Leinwandform umfasst quadratische, Breitbild-, Hochformat-, Story- und Social-Formate sowie eine benutzerdefinierte Größe. Ein sehr hoher Screenshot wirkt in einem breiten Rahmen klein; wählen Sie eine höhere Leinwand oder reduzieren Sie den Abstand, anstatt mehr Details durch Vergrößerung zu erwarten.

Lassen Sie die Midnight-Einstellungen und den Export-Maßstab auf 1x, um diesem Beispiel zu entsprechen. Der Export-Maßstab bietet 1x, 2x und 3x innerhalb der Limits von 8,000-Pixel-Kante und 32-Megapixel-Ausgabe. Größere Abmessungen erzeugen keine Details, die im hochgeladenen Bild nicht vorhanden sind.

Verwenden Sie Original, um das gestaltete Bild mit der ursprünglichen Aufnahme zu vergleichen und kleinen Text bei einer nützlichen Zoomstufe zu überprüfen.

04

Exportieren Sie ein scharfes Bild

Wählen Sie PNG und dann Start. Verwenden Sie Download auf der Ergebnisseite, um die tatsächliche Datei zu speichern. Mit der Beispielquelle und dem unveränderten Midnight-Design beträgt das Ergebnis 2312 mal 1301 Pixel. Die abgerundete Karte, der Schatten, der Rahmen und der Hintergrund sind alle in diesem einen Bild enthalten.

PNG ist eine nützliche Standardeinstellung für Text auf Benutzeroberflächen. WebP unterstützt transparente Bereiche mit verlustbehafteter Komprimierung, und JPG ist nützlich für Bilder mit einfarbigem Hintergrund, wenn eine kleinere Dateigröße wichtig ist. JPG ersetzt Transparenz durch Weiß. Der Export wird reduziert, behalten Sie also den Quell-Screenshot, falls Sie eine andere Komposition benötigen.

Überprüfen Sie das heruntergeladene Bild vor der Veröffentlichung, insbesondere kleinen Text und Logos.

NÜTZLICHE DETAILS

Häufige Fragen

Kann dieses Tool eine Webseite über einen Link erfassen?

Es gestaltet ein Bild, das Sie bereitstellen. Verwenden Sie „URL zu Bild“, um zuerst eine Webseite zu erfassen, und öffnen Sie dann das Ergebnis hier.

Welche Vorlagen sind enthalten?

Studio, Midnight, Minimal, Floating, Ocean, Social Card, Soft Rose und Warm Paper. Jedes Design bleibt anpassbar.

Wird der Screenshot zugeschnitten?

Der Screenshot wird in das Design eingepasst, wobei seine Ränder erhalten bleiben. Ein benutzerdefiniertes Hintergrundbild füllt die Leinwand und kann zugeschnitten werden, um zu passen.

Kann ich mein eigenes Hintergrundbild verwenden?

Ja. Wählen Sie „Ihr eigenes Bild“ unter Hintergrund, wählen Sie ein unterstütztes lokales Bild aus und überprüfen Sie den eingepassten Hintergrund in der Vorschau.

Kann ich einen transparenten Hintergrund exportieren?

Ja. Wählen Sie „Transparent“ und verwenden Sie PNG oder WebP. JPG verwendet einen weißen Hintergrund, da es keine Transparenz unterstützt.

Schärft die Export-Skalierung einen kleinen Screenshot?

Nein. Sie vergrößert die Ausgabeabmessungen. Verwenden Sie eine Quelle mit höherer Auflösung, wenn kleiner Text klar bleiben muss.

DU BIST DRAN

Machen Sie den Screenshot einfacher zu teilen.

Probiere ein Beispiel oder verwende deine eigene Datei und überprüfe das Ergebnis vor dem Teilen.

Screenshot-Verschönerer öffnen

Bilddetails

Sprache38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Wähle deine Sprache. Video-Tutorials verwenden derzeit englische Kommentare.