Geräte-Mockup-Rahmen
Screenshots in einen Browser- oder Smartphone-Rahmen einsetzen und als Mockup-Bild speichern
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Ein Tool, das Web- und App-Screenshots in ein Browserfenster im Mac-Stil oder einen Smartphone-Rahmen einsetzt und daraus ein Mockup-Bild macht, als wäre es auf einem echten Gerät zu sehen. Mit Farbverlauf-Hintergrund und Schatten erstellst du im Nu Visuals für App-Store-Bilder, Portfolios oder Präsentationen.
Anleitung
- Ziehe den Screenshot, der zum Mockup werden soll, per Drag-and-drop hinein oder wähle ihn per Klick aus.
- Wähle über den Tab „Browser" oder „Smartphone" die Art des Rahmens.
- Beim Browser passt du den Text der Adressleiste an, allgemein den Hintergrund (Farbverlauf, einfarbig, transparent) und den Rand.
- Prüfe die Vorschau und speichere das Mockup-Bild über „PNG herunterladen".
FAQ
- Wird der hochgeladene Screenshot an einen Server gesendet?
- Nein. Sowohl die Bildkomposition als auch das Rendern des Rahmens laufen ausschließlich auf der Browser-Canvas ab; der Screenshot wird nicht an einen Server gesendet oder dort gespeichert. So kannst du auch vertrauliche Bildschirmaufnahmen bedenkenlos verwenden.
- Kann ich mit transparentem Hintergrund speichern?
- Ja. Wenn du bei den Hintergrundoptionen „Transparent (PNG)" wählst, bleiben nur Rahmen und Schatten erhalten und das Bild wird als transparentes PNG ohne Hintergrund gespeichert. So lässt es sich nahtlos auf Folien oder andere Designs legen.
- Kann ich Screenshots im Quer- oder Hochformat einsetzen?
- Ja. Das Originalverhältnis des Screenshots bleibt erhalten und der Rahmen wird passend dazu gezeichnet, sodass sowohl Desktop-Aufnahmen (quer) als auch Mobil-Aufnahmen (hoch) ohne Beschnitt zum Mockup werden.