Zum Inhalt springen
EVOA Toolbox

Screenshot-Mockup-Generator

Setzen Sie einen Screenshot in einen Browser-, Laptop-, Smartphone- oder Tablet-Rahmen mit eigenem Hintergrund und Schatten und exportieren Sie ein PNG.

Lokal in Ihrem Browser verarbeitet. Ihre Datei wird nicht hochgeladen.

Tool wird geladen…

Was dieses Tool macht

Machen Sie aus einem einfachen Screenshot ein vorzeigbares Bild für eine Landingpage, eine README, einen App-Store-Eintrag oder einen Social-Media-Beitrag. Wählen Sie ein Browserfenster (mit bearbeitbarer Adressleiste), einen Laptop, ein Smartphone oder ein Tablet. Die Rahmen werden in Ihrem Browser mit Vektorpfaden gezeichnet, es gibt also keine externen Bilder, und die Kanten bleiben in jeder Größe scharf.

Gestalten Sie das Ergebnis mit einem einfarbigen, verlaufenden oder transparenten Hintergrund, Innenabstand, einem Skalierungsregler, Eckenrundung und einem einstellbaren Schlagschatten. Die Ausgabegröße kann automatisch dem Inhalt folgen oder einer Vorgabe wie 1280x800 oder 1200x630 entsprechen. Das Gerät wird an das Seitenverhältnis Ihres Screenshots angepasst, sodass der Screenshot weder gestreckt noch beschnitten wird.

Alle Rahmen, Gestaltungsoptionen, Dichten und Vorgaben sind verfügbar. Ihr Screenshot wird lokal verarbeitet und nie hochgeladen.

So verwenden Sie es

  1. 1Fügen Sie einen Screenshot hinzu (PNG, JPG, WebP, GIF oder AVIF).
  2. 2Wählen Sie einen Rahmen: Browser, Laptop, Smartphone oder Tablet. Geben Sie beim Browser-Rahmen die Adresse ein, die angezeigt werden soll.
  3. 3Legen Sie Hintergrund, Innenabstand, Skalierung, Eckenrundung und Schatten fest.
  4. 4Wählen Sie eine Ausgabegröße oder belassen Sie sie auf automatisch.
  5. 5Laden Sie das PNG herunter.

Unterstützte Formate

Eingabe: PNG, JPG, WebP, GIF (erstes Einzelbild) und AVIF. Ausgabe: PNG, optional mit transparentem Hintergrund.

Datenschutz

Dieses Tool läuft in Ihrem Browser. Die von Ihnen eingegebenen Daten werden auf Ihrem Gerät verarbeitet und nicht an unsere Server gesendet.

Einschränkungen

  • Die Rahmen sind allgemeine Illustrationen und keine exakten Nachbildungen der Hardware einer bestimmten Marke.
  • Exporte sind auf 8192 px an der längsten Seite begrenzt, um die Canvas-Grenzen des Browsers einzuhalten. Die 2-fache/3-fache Dichte wird bei Bedarf automatisch reduziert.
  • Animierte GIFs werden nur mit ihrem ersten Einzelbild exportiert.
  • Der Screenshot wird mit seinem eigenen Seitenverhältnis eingesetzt. Für exakte Geräteauflösungen schneiden Sie ihn vorher zu.

FAQ

Kann ich einen transparenten Hintergrund erhalten?

Ja. Wählen Sie Transparent und laden Sie das PNG herunter; der Schatten bleibt erhalten. Der transparente Export funktioniert bei jeder Dichte.

Welche Vorgaben sind verfügbar?

Automatisch, 1280x800, 1200x630, 1080x1080, 1920x1080, 1080x1920 und 3840x2160.

Warum ist mein Smartphone-Mockup so schmal?

Der Rahmen folgt dem Seitenverhältnis Ihres Screenshots. Ein Smartphone-Screenshot im Hochformat ergibt ein hohes Gerät, das in der gewählten Ausgabegröße zentriert wird.

Kann ich den Text der Adressleiste ändern?

Ja, wenn der Browser-Rahmen ausgewählt ist. Der Text dient nur der Dekoration und lädt keine Seite.

Ähnliche Tools