Smartphone-Screenshot-Mockup

Zeigen Sie einen mobilen Screenshot in einem modernen Smartphone-Rahmen, bereit für Doku oder Social Media.

Läuft in Ihrem Browser
Keine Uploads
Kein Konto

Ihr Browser-Tool wird geladen…

Was Smartphone-Screenshot-Mockup macht

Ein roher Smartphone-Screenshot ist ein hohes, randloses Rechteck, das leicht mit einer Webseite verwechselt wird. In einem Smartphone-Rahmen ist sofort klar, dass er mobil ist. Der Rahmen hat schmale Ränder, abgerundete Bildschirmecken, eine pillenförmige Kameraaussparung oben und Seitentasten, in Schwarz, Silber, Natur oder Blau.

„Einpassung“ kommt mit ungewöhnlichen Formaten zurecht. „Automatisch“ zeigt einen normalen Smartphone-Screenshot ganz und von einer sehr hohen Scroll-Aufnahme den oberen Teil. „Breite“ füllt die Bildschirmbreite und zeigt den oberen Teil, „Ganz“ passt alles ein, und „Füllen“ deckt den Bildschirm ab und schneidet Ränder ab. „Bildschirmfüllung“ unter „Weitere Optionen“ färbt eventuelle Lücken. Für Aufnahmen im iPad-Format verwenden Sie das Tablet-Screenshot-Mockup.

Beispiel

Ihre Auswahl

Das integrierte mobile Abrechnungsbeispiel („Beispiel verwenden“), 786 × 1704 px

Download

example-billing-settings-phone-mockup.png
1128 × 2026 px: schwarzes Smartphone auf einem Rosé-Verlauf

Der Bildschirm wird 786 px breit gezeichnet und ist etwa 2,17-mal so hoch wie breit; der Innenabstand beträgt 16 % der Bildschirmbreite.

Anleitung: Smartphone-Screenshot-Mockup

Wählen Sie „Datei auswählen“ oder fügen Sie einen Smartphone-Screenshot ein.
Wählen Sie Einpassung, Gerätefarbe und Hintergrund.
Passen Sie Bildschirmfüllung, Innenabstand und Schatten unter „Weitere Optionen“ an und klicken Sie dann auf „.png herunterladen“.

Gut zu wissen

Der Rahmen ist ein generisches modernes Smartphone, kein bestimmtes Modell. Für Store-Einträge passt er nicht zur Notch oder Tastenanordnung eines bestimmten Geräts.
Sehr kleine Screenshots werden auf mindestens 640 px Bildschirmbreite hochskaliert, was sie weicher macht. Größere Aufnahmen (bis 1290 px breit) werden in voller Größe gezeichnet.
Ein Desktop-Screenshot in einem Smartphone-Rahmen wirkt gequetscht. Nehmen Sie die Seite zuerst in einem Viewport in Smartphone-Breite auf; das Tool Viewport-Größe prüfen hilft beim Einstellen.

Fragen zu Smartphone-Screenshot-Mockup

Wie setze ich einen Screenshot in ein Smartphone-Mockup?

Laden Sie den Smartphone-Screenshot hier, und er wird automatisch in den Rahmen gesetzt, zentriert auf einem Verlauf. Ändern Sie Gerätefarbe und Hintergrund nach Geschmack und laden Sie dann das PNG herunter.

Was bewirken die Optionen unter „Einpassung“?

„Automatisch“ zeigt einen normalen Smartphone-Screenshot ganz und von einem sehr hohen den oberen Teil. „Breite“ füllt die Bildschirmbreite und zeigt den oberen Teil. „Ganz“ zeigt das gesamte Bild mit Füllung drumherum. „Füllen“ deckt den Bildschirm ab und schneidet die Ränder ab.

Kann ich einen ganzseitigen Scroll-Screenshot verwenden?

Ja. „Automatisch“ oder „Breite“ zeigt den obersten Bildschirm davon, und ein Hinweis nennt den sichtbaren Prozentanteil. Wählen Sie „Ganz“, um die gesamte Seite in den Bildschirm zu verkleinern; das eignet sich für einen schnellen Überblick, macht Text aber klein.