Nicht nur bei uns in der Redaktion, sondern auch in vielen anderen Bereichen der Tech-Welt kommen regelmäßig Geräte-Mockups und in ein hübsches Design verpackte Screenshots zum Einsatz. Für diese Zwecke gibt es entsprechende Apps und Websites, beispielsweise Mockuuups Studio und Xnapper bei Setapp, oder auch die Website PlaceIt.
Vor kurzem bin ich über einen Reddit-Beitrag eines Entwicklers über die Web-App PostSpark gestoßen, die es sowohl ermöglicht, Geräte-Mockups als auch Screenshot- und Social Media-Designs zu erstellen. Die Anwendung lässt sich über die eigene Website ganz einfach auf jedem Gerät im Web verwenden und bietet bereits in der kostenlosen Basisvariante einige Vorlagen und Designs, um Screenshots, Websites und Social Media-Beiträge in einem besseren Licht erscheinen zu lassen.
PostSpark funktioniert in jedem Webbrowser und kann über zwei Preisstufen aufgewertet werden. Zum einen gibt es einen Einmalkauf in Höhe von 36 USD plus Steuern, was in etwa auf 42 Euro hinausläuft, der die „Basic“-Version mit allen wichtigen Features freischaltet, darunter auch einen Export in hoher Auflösung, eine Stapel-Bearbeitung, der Verzicht auf ein Wasserzeichen und die Option, automatische passende Hintergründe zu generieren. Wer noch mehr Funktionen wie einen Cloudspeicher, Video-Mockups, Animationen und teilbare Links benötigt, kann zum Pro-Abo greifen, das pro Monat 10 USD oder im Jahr mit 40 Prozent Ersparnis 72 USD kostet.
Zu den Besonderheiten von PostSpark gehört eine Website-Funktion, mit der sich durch die simple Eingabe einer URL schnell und einfach Screenshot-Designs erstellen lassen. Zudem gibt es über 30 Mockup-Geräte, darunter auch die aktuellsten iPhones in allen Farbvarianten und zig verschiedene Bildformate für Web, Wallpaper, den App Store und Social Media-Posts bei Instagram, Reddit, Pinterest, X, TikTok, YouTube, Facebook und mehr.
Annotations-Tool für Texte, Sticker, Pfeile, Hashtags und mehr
PostSpark bietet Vorlagen für Screenshots, Mockups, Social Media Posts und mehr.
Die kreierten Mockups und Screenshots sind zudem vollständig anpassbar: Es lässt sich der Hintergrund ändern, beispielsweise mit automatisch generierten und farblich passenden Farbverläufen oder kostenlosem Bildmaterial von Unsplash, es können Überlagerungsschatten hinzugefügt, Layouts optimiert, 3D-Transformationen angewandt und Schatten hinzugefügt werden. Über ein Annotations-Tool können auch Text, Sticker, Pfeile, Markierungen, Hashtags und andere Markierungen hinzugefügt werden.
Darüber hinaus bietet PostSpark eine Erweiterung für den Google Chrome-Browser, um Screenshots aus ausgewählten Bereichen, bestimmten Elementen oder von ganzen Websites direkt aus dem Browser heraus erstellen zu können. Ebenfalls vorhanden ist eine VSCode-Erweiterung, um schnell Code-Screenshots zu kreieren. Geplant sind außerdem Erweiterungen für Raycast und den Firefox-Browser von Mozilla.
Ich habe PostSpark nun bereits in den letzten Tagen ausprobiert und auch für iPhone-Mockups bei uns im Blog genutzt. Die vielen Einstellungsmöglichkeiten und die automatisch generierten Hintergründe sind mir persönlich besonders gut aufgefallen. Lediglich an Geräte-Mockups für iPhones und Co. mangelt es gegenwärtig noch ein wenig, hier dürfte PostSpark noch eine größere Auswahl, wie man sie beispielsweise von Mockuuups Studio kennt, bieten. Ansonsten ist die Web-App aufgrund ihrer Vielseitigkeit und den guten Ergebnissen auf jeden Fall einen Blick wert, wenn man Screenshots, Websites und Social Media-Posts in hübsche Designs verpacken möchte.
Der Beitrag PostSpark: Praktische Web-App zum Erstellen von Screenshot- und Mockup-Designs erschien zuerst auf appgefahren.de.