Ta och redigera skärmdumpar för din app

Uppdaterad den 31. juli 2023 av Jan Bunk

en flytande kamera som tar ett foto av en smartphone, digital konst

Om du förvandlade din webbplats till en app med webtoapp.design, det är enkelt att ta skärmdumpar som uppfyller alla krav som ställs av appbutikerna. Låt oss först titta på kraven och sedan hur du kan ta skärmdumpar av din app.

Krav på skärmdump

Krav på skärmdump i Play Store

Play Store är inte strikt när det gäller krav på skärmdumpar:

  • Minst 2 skärmdumpar
  • Bredd och höjd mellan 320px och 3840px
  • PNG- eller JPEG-filformat (utan transparenta partier)
  • 16:9 eller 9:16 bildförhållande
  • Mindre än 8 MB per bild

Kraven är exakt desamma för skärmdumpar från smarttelefoner, 7-tums och 10-tums surfplattor.

Krav på skärmdumpar i Apple App Store

  • 1-10 skärmdumpar på 6,5 tum (1284 x 2778 pixlar eller 1242 x 2688 pixlar)
  • 1-10 skärmdumpar på 5,5 tum (1242 x 2208 pixlar)
  • 1-10 skärmdumpar på 12,9 tum (2048 x 2732 pixlar)
  • PNG- eller JPEG-filformat (utan transparenta partier)

Ta dina egna skärmdumpar

Automatisk skärmdumpsupptagning

Du kan hitta vår lösning för att automatiskt ta skärmdumpar av din app i alla storlekar i din appdashboard. Det är relativt lågt arbete, eftersom du bara behöver ange URL:erna för de sidor du vill ha en skärmdump av och vår server gör resten. Du behöver bara vänta lite. Nackdelen är att det är mindre flexibelt, så det kan inte rulla på din webbplats, stänga popup-fönster eller logga in.

Manuell skärmdumpstagning

Om nackdelarna med vårt automatiska skärmdumpsverktyg är för stora i ditt fall prova vårt manuella skärmdumpsverktyg. Som vi nämnt behöver du skärmdumpar av din app i bruk på olika enheter. På den sidan kan du enkelt köra din app på alla dessa enheter i webbläsaren. Den enda nackdelen är att det tar mycket längre tid än den automatiska skärmdumpstagningen. Men det är fortfarande mycket snabbare än att köpa alla dessa enheter och manuellt installera din app på dem.

Ta skärmdumpar i webbläsaren

Om du använder layouten "Bara webbplats" för din app, kan du också ta dina egna skärmdumpar genom att ta skärmdumpar från din webbläsare. Så här gör du i Firefox och Chrome:

  1. Öppna den sida på webbplatsen som du vill ta en skärmdump av.
  2. Öppna webbläsarens utvecklingsverktyg med en av dessa tangentkombinationer:
    • Ctrl + Shift + I
    • ⌘ + ⌥ + I (på MacOS)
    • F12
  3. Tryck på CTRL + SHIFT + M för att öppna verktygsfältet för enheten.
  4. Ange önskad storlek på skärmbilden högst upp på skärmen.
  5. I Firefox kan du bara högerklicka på sidan för att ta en skärmdump. I Chrome trycker du på CTRL + SHIFT + P och skriver "Screenshot". Välj sedan "Ta en skärmdump".

Redigera dina skärmdumpar

Om du vill kan du redigera skärmdumparna, t.ex. genom att lägga till en enhetsram och ytterligare marknadsföringsmaterial. Här är ett exempel från Youtubes lista i appbutiken:

En skärmdump av youtube-appen med ytterligare marknadsföringstexter ovanför.

Tänk dock på följande förbehåll:

  • Enhetsramen måste vara en Apple-enhet på dina skärmdumpar från App Store.
  • Enhetsramen måste matcha enheten som skärmdumpen är för. Till exempel kan dina iPad-skärmdumpar inte visa en iPhone eller en laptop.
  • Varje skärmdump måste innehålla din app. Du kan inte ha några skärmdumpar som bara innehåller marknadsföringsmaterial.

Om du inte följer dessa regler kommer Apple att avvisa din app.

Relaterade artiklar


Androidmaskoten som tar emot en push-notis på en smartphone, digital konst

Uppdatera din app så att den är redo för Android 13

Android 13 har släppts - appar måste uppdateras för att kunna ta emot push-notiser.

en robot som bearbetar ett transportband med glödlampor, digital konst

Hur vi bestämmer vilka funktioner som ska byggas

För att skapa den bästa omvandlaren av webbplatser till appar letar vi ständigt efter nya funktioner att lägga till. Så här bestämmer vi vad vi ska bygga härnäst.

En robot som visar en app för andra robotar, digital konst

Det enklaste sättet att låta folk ladda ner din app

Här är ett smidigt sätt att dela din app med webbplatsens användare.


Författare Jan Bunk
Skrivet av
Jan Bunk

Hej, jag heter Jan! Jag skapade webtoapp.design 2019 när jag studerade datavetenskap på universitetet. Mycket har förändrats sedan dess - inte bara har jag tagit examen, utan det är också inte längre bara jag som driver webtoapp.design. Vi har vuxit till ett globalt, helt fjärrstyrt team och har samlat massor av erfarenhet kring apputveckling och apppublicering. Vi har skapat och publicerat hundratals appar i appbutikerna, där de har laddats ner hundratusentals gånger.