Ein Exportformat für Mockups wählen

Drei Formate decken alles ab, was du aus einem Mockup-Werkzeug exportierst, und die Wahl läuft auf zwei Fragen hinaus: Braucht es Transparenz, und geht es in einen Store mit klaren Vorgaben? Falsch entschieden bekommst du entweder einen abgelehnten Upload oder eine unnötig schwere Seite.

PNG für Stores und alles mit Transparenz

PNG ist verlustfrei, unterstützt Alpha und wird überall akzeptiert. Nutze es für Store-Screenshots und App-Icons sowie für jedes Mockup, das du später auf einen anderen Hintergrund setzt. Schwach ist es bei fotografischen Inhalten in der Dateigröße — aber ein Gerät auf einem Verlauf ist genau der Inhalt, den PNG effizient packt, das ist also selten ein echter Nachteil. Denk daran: Store-Screenshots dürfen kein Alpha enthalten, also vor dem Export flach rechnen, auch wenn das Format es könnte.

JPEG, wenn die Datei groß ist und Flächen dominieren

JPEG kennt kein Alpha und verliert Details, ist in hoher Qualität bei Produktrenderings aber meist unsichtbar und kann einen Bruchteil groß sein. Für große Feature-Grafiken und Webbilder, bei denen Bandbreite mehr zählt als pixelgenaue Kanten, ist es die richtige Wahl. Achte auf Streifen in weichen Verläufen, dort zeigen sich Artefakte zuerst, und exportiere nie ein JPEG aus einem JPEG — geh zurück zur Quelle.

WebP fürs Web, mit Fallback im Kopf

WebP liefert bei vergleichbarer Qualität kleinere Dateien als beide und unterstützt Transparenz, ist also die sinnvolle Voreinstellung für die eigene Website. Für Store-Uploads wird es nicht akzeptiert, halte die Store-Exporte also getrennt. Exportierst du aus einem Browser-Werkzeug, behältst du mit einem PNG-Master pro Element und WebP-Konvertierung für die Seite ein verlustfreies Original für spätere Änderungen.