Screenshots für deine App aufnehmen und bearbeiten

Wenn du deine Website mit webtoapp.design in eine App umgewandelt hast, ist es ganz einfach, Screenshots zu machen, die alle Anforderungen der App Stores erfüllen. Schauen wir uns zuerst die Anforderungen an und dann, wie du Screenshots von deiner App machen kannst.

Anforderungen an Screenshots

Play Store Screenshot-Anforderungen

Der Play Store ist nicht streng mit den Anforderungen an die Screenshots:

• Mindestens 2 Screenshots
• Breite und Höhe zwischen 320px und 3840px
• PNG oder JPEG Dateiformat ohne Transparenz
• 16:9 oder 9:16 Seitenverhältnis
• Weniger als 8 MB pro Bild

Diese Anforderungen sind für Smartphone-, 7-Zoll-Tablet- und 10-Zoll-Tablet-Screenshots genau die gleichen.

Apple App Store Screenshot-Anforderungen

• 1-10 6,5-Zoll-Screenshots (1284 x 2778 Pixel oder 1242 x 2688 Pixel)
• 1-10 5,5-Zoll-Screenshots (1242 x 2208 Pixel)
• 1-10 12,9-Zoll-Screenshots (2048 x 2732 Pixel)
• PNG oder JPEG Dateiformat ohne Transparenz

Eigene Screenshots aufnehmen

Automatisches Erstellen von Screenshots

Unsere Lösung zum automatischen Erstellen von Screenshots deiner App in allen Größen findest du in deinem App-Dashboard. Der Aufwand ist relativ gering, da du nur die URLs der Seiten eingeben musst, von denen du einen Screenshot machen willst, und unser Server erledigt den Rest. Du musst nur ein bisschen warten. Der Nachteil ist, dass es weniger flexibel ist. Es kann also nicht auf deiner Website scrollen, Popups schließen oder sich einloggen.

Manuell Screenshots aufnehmen

Wenn die Nachteile unseres automatischen Screenshot-Tools in deinem Fall zu groß sind probiere unser manuelles Screenshot-Tool aus. Wie wir bereits erwähnt haben, brauchst du Screenshots von der Benutzung deiner App auf verschiedenen Geräten. Auf dieser Seite kannst du deine App ganz einfach auf all diesen Geräten im Browser ausführen. Der einzige Nachteil ist, dass es viel länger dauert als die automatische Screenshotaufnahme. Aber es ist immer noch viel schneller, als all diese Geräte zu kaufen und deine App manuell auf ihnen zu installieren.

Screenshots im Browser erstellen

Wenn du das Layout "Nur Website" für deine App verwendest, kannst du auch deine eigenen Screenshots aufnehmen, indem du einen Screenshot von deinem Browser machst. Hier erfährst du, wie du das in Firefox und Chrome machst:

1. Öffne die Seite auf deiner Website, von der du einen Screenshot machen willst.
2. Öffne die Browser-Entwicklerwerkzeuge mit einer dieser Tastenkombinationen:

   • Ctrl + Shift + I

   • ⌘ + ⌥ + I (auf MacOS)

   • F12

3. Drücke STRG + UMSCHALT + M, um die Gerätesymbolleiste zu öffnen.
4. Gib am oberen Bildschirmrand die gewünschte Screenshotgröße ein.
5. Bei Firefox kannst du einfach mit der rechten Maustaste auf die Seite klicken, um einen Screenshot zu machen. In Chrome drückst du STRG + UMSCHALT + P und gibst "Screenshot" ein. Wähle dann "Screenshot aufnehmen".

Bearbeiten deiner Screenshots

Wenn du möchtest, kannst du die Screenshots bearbeiten, z.B. indem du einen Geräterahmen und zusätzliches Marketingmaterial hinzufügst. Hier ist ein Beispiel aus dem App Store von Youtube:

Beachte jedoch diese Regeln:

• Der Geräterahmen muss auf deinen App Store-Screenshots von einem Apple-Gerät stammen.
• Der Geräterahmen muss dem Gerät entsprechen, für das der Screenshot bestimmt ist. Zum Beispiel können deine iPad-Screenshots kein iPhone oder einen Laptop zeigen.
• Jeder Screenshot muss deine App enthalten. Du kannst keine Screenshots haben, die nur Marketingmaterial enthalten.

Wenn du diese Regeln nicht befolgst, wird Apple deine App ablehnen.