Zum Inhalt springen
Musterli

Screenshot-Verschönerer

Leg deinen Screenshot auf einen schönen Hintergrund oder zeig deine Website als Mockup auf Laptop, Monitor, Tablet und Smartphone. Fertig für Doku, Social Media und Product Hunt.

Generator öffnen

Läuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.

Beispielmotiv aus dem Screenshot-Verschönerer

Mit einem Preset starten

Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.

Worum geht’s?

Ein Screenshot-Verschönerer setzt ein nacktes Bildschirmfoto in Szene. Das Bild liegt auf einem Hintergrund und bekommt Abstand, runde Ecken, einen weichen Schatten und auf Wunsch eine Fenster- oder Browserleiste mit Adresse. So wirken Screenshots in Dokumentationen, Blogbeiträgen, auf Social Media und auf Product Hunt sauber und einheitlich. Als Website-Mockup zeigt es deine Seite auf einem Laptop, Monitor, Tablet oder Smartphone, als responsives Mockup auch auf mehreren Geräten zugleich.

So geht’s

Zieh deinen Screenshot in den Editor, wähl eine Datei oder füg ihn mit Ctrl+V ein. Wähl dann Rahmen, Abstand, Ecken, Schatten und einen Hintergrund: eine Farbe, einen Verlauf oder einen Musterli-Hintergrund wie Mesh, Blurry oder Wellen. Die Leertaste würfelt einen neuen Hintergrund, dein Bild bleibt. Exportiere als PNG, JPG, WebP oder SVG oder kopier das Ergebnis direkt in die Zwischenablage. Für ein Mockup wählst du unter Gerät einen Laptop, Monitor, Tablet, ein Smartphone oder ein Responsive-Set und tippst die Adresse für die Browserleiste ein.

Screenshot-Verschönerer jetzt ausprobieren

Häufige Fragen

Wird mein Screenshot hochgeladen?
Nein. Das Bild wird nur in deinem Browser verarbeitet und nie an einen Server geschickt. Teilen-Links enthalten weder das Bild noch die Adresse in der Leiste. Speicherst du das Design, bleibt alles lokal in deinem Browser.
Welche Dateien und Grössen gehen?
PNG, JPG, WebP und SVG bis 5 MB. Rasterbilder werden auf höchstens 3840 Pixel an der langen Seite verkleinert und als PNG gespeichert, damit Text scharf bleibt. SVG wird vorher von Scripts und externen Verweisen bereinigt.
Welche Grösse passt für Product Hunt, X oder LinkedIn?
Im Grössenmenü findest du fertige Formate: 1270 × 760 für Product Hunt, 1600 × 900 für X und Präsentationen, 1200 × 627 für LinkedIn und 1920 × 1200 für Dokumentationen. Der Screenshot passt sich automatisch an.
Was steckt im SVG-Export?
Hintergrund, Schatten und Fensterleiste sind Vektoren, dein Screenshot ist als Bild (data-URI) eingebettet. Die Datei braucht nichts weiter, ist aber etwa so gross wie dein Bild.
Wie mache ich ein responsives Mockup meiner Website?
Wähl unter Gerät «Responsive-Set». Ein Screenshot reicht: Jedes Gerät zeigt ihn, oben ausgerichtet auf seinen Bildschirm zugeschnitten. Für Tablet und Smartphone kannst du eigene Screenshots hochladen. Mit der Live-Ansicht lädt dein Browser die Website direkt in die Geräte, «Ansicht übernehmen» macht daraus Bilder. Manche Websites erlauben kein Einbetten, dann lädst du einen Screenshot hoch.

Passende Generatoren

Alle Generatoren in Social Media