Screenshots maken en bewerken voor je app

Als je met behulp van webtoapp.design je website hebt omgezet in een app, is het eenvoudig om schermafbeeldingen te maken die voldoen aan alle eisen van de app stores. Laten we eerst eens kijken naar de vereisten en dan hoe je screenshots van je app kunt maken.

Vereisten voor schermafbeeldingen

Vereisten voor Play Store-screenshots

De Play Store is niet streng met eisen voor schermafbeeldingen:

• Ten minste 2 screenshots
• Breedte en hoogte tussen 320px en 3840px
• PNG- of JPEG-bestandsformaat zonder transparantie
• 16:9 of 9:16 beeldverhouding
• Minder dan 8MB per afbeelding

Deze eisen zijn precies hetzelfde voor smartphone, 7 inch en 10 inch tablet-screenshots.

Vereisten voor screenshots in de Apple App Store

• 1-10 6,5 inch screenshots (1284 x 2778 pixels of 1242 x 2688 pixels)
• 1-10 5,5 inch screenshots (1242 x 2208 pixels)
• 1-10 12,9 inch screenshots (2048 x 2732 pixels)
• PNG- of JPEG-bestandsformaat zonder transparantie

Je eigen schermafbeeldingen maken

Automatisch schermafbeeldingen maken

Je vindt onze oplossing voor het automatisch maken van screenshots van je app in alle maten in je app dashboard. Het kost relatief weinig moeite, want je hoeft alleen maar de URL's in te voeren van de pagina's waarvan je een schermafdruk wilt en onze server doet de rest. Je hoeft alleen maar even te wachten. Het nadeel is dat het minder flexibel is, dus het kan niet scrollen op je website, popups sluiten of inloggen.

Handmatig schermafbeeldingen maken

Als de nadelen van ons hulpmiddel om automatisch schermafbeeldingen te maken in jouw geval te groot zijn probeer onze handmatige screenshot tool. Zoals we al gezegd hebben, heb je schermafdrukken nodig van je app in gebruik op verschillende apparaten. Op die pagina kun je gemakkelijk je app op al die apparaten in de browser laten draaien. Het enige nadeel is dat het veel langer duurt dan het automatisch maken van schermafbeeldingen. Maar het is nog steeds een stuk sneller dan al die apparaten kopen en er handmatig je app op installeren.

Screenshots maken in de browser

Als je de ‘Just Website’-lay-out gebruikt voor je app, kun je ook zelf schermafbeeldingen maken door je browser te screenshotten. Hier lees je hoe je dat doet in Firefox en Chrome:

1. Open de pagina op je website waarvan je een screenshot wilt maken.
2. Open de ontwikkelaarstools van de browser met een van deze toetscombinaties:

   • Ctrl + Shift + I

   • ⌘ + ⌥ + I (op MacOS)

   • F12

3. Druk op CTRL + SHIFT + M om de werkbalk van het apparaat te openen.
4. Voer bovenaan je scherm de gewenste grootte van de screenshot in.
5. Bij Firefox kun je gewoon met de rechtermuisknop op de pagina klikken om een screenshot te maken. In Chrome druk je op CTRL + SHIFT + P en typ je ‘Screenshot’ Selecteer dan ‘Screenshot vastleggen’.

Je schermafbeeldingen bewerken

Als je wilt, kun je de schermafbeeldingen bewerken, bijvoorbeeld door een kader van een apparaat en extra marketingmateriaal toe te voegen. Hier is een voorbeeld uit de app store-vermelding van Youtube:

Houd echter rekening met de volgende kanttekeningen:

• Het ‘apparaatframe’ moet op je App Store screenshots een Apple-apparaat zijn.
• Het apparaatframe moet overeenkomen met het apparaat waar de schermafbeelding voor is. Je iPad schermafbeeldingen kunnen bijvoorbeeld geen iPhone of laptop laten zien.
• Elk screenshot moet je app bevatten. Je kunt niet een aantal screenshots hebben die alleen marketingmateriaal bevatten.

Als je je niet aan deze regels houdt, zal Apple je app afwijzen.