# Using Responsive Web app to take App Previews and Screenshots

**URL:** https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113
**Category:** Questions about Thunkable X
**Created:** [February 3, 2022, 5:28pm UTC](https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113 "2022-02-03T17:28:04Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![ealalin13s68](https://avatars.discourse-cdn.com/v4/letter/e/e5b9ba/32.png) [@ealalin13s68](https://community.thunkable.com/u/ealalin13s68)
#### Post date: [February 3, 2022, 5:28pm UTC](https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113/1 "2022-02-03T17:28:05Z")

</div>

To prepare my IOS App Soumission , I need to compleet the section App Previews and Screenshots. 10 schreen shot on different Iphone tyoes and 3 App preview are required.  
For this I have staart the Responsice Web app from the 3 point upper right on the screen I choise =\> More tools =\> Developper tools . I get the following screen

 ![Responsive web app-01 2022-02-03](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/e/0e1fe38e3c8a97b0ec925da580381ebd9246237e.png)

In this configuration I can set for exemple Iphone 6,7,8Plus -5.5" screen (1080 x 1920 px)

 ![Responsive web app-02 2022-02-03](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/3/43ce186b049d4e8bbbd240005b822f1517b1330a.png)

Then I want to copy this screen setting using the 3 littel buttons + \<capture screen , So I receive a screen shot .png , than I want to transfer to Appel Store Connect under the requested schreen shot 5.5" , I receive dimension is wrong , should be 1242 x 2208 .  
I change my setting to 1242 X 2208

 ![thunkable.site_web-build_index.html_webAppId=TAXkMfJzF](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/a/bac28e5166322feea2178550aecb8359d25eb947.png)

Er is a wrong setting some where … can some one help me ?

---

<div class="post-metadata">

### Author: ![ealalin13s68](https://avatars.discourse-cdn.com/v4/letter/e/e5b9ba/32.png) [@ealalin13s68](https://community.thunkable.com/u/ealalin13s68)
#### Post date: [February 4, 2022, 2:37pm UTC](https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113/2 "2022-02-04T14:37:45Z")

</div>

I m still in the same situation ; I m not abble to provide enough screen shot to compleet my preparation for submission in Appel Store Connect .

Can some one help me ?

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [February 4, 2022, 5:48pm UTC](https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113/3 "2022-02-04T17:48:27Z")

</div>

I realize that taking screenshots from a web app is really useful but could you take the screenshots on a mobile device for now?

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [February 4, 2022, 6:31pm UTC](https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113/4 "2022-02-04T18:31:02Z")

</div>

Trying to change the size in the `Dev Tools` is not a good idea. Once you get the screenshot you want use any of the online converters to change the size.

---

<div class="post-metadata">

### Author: ![ealalin13s68](https://avatars.discourse-cdn.com/v4/letter/e/e5b9ba/32.png) [@ealalin13s68](https://community.thunkable.com/u/ealalin13s68)
#### Post date: [February 5, 2022, 8:16pm UTC](https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113/5 "2022-02-05T20:16:15Z")

</div>

Tatiang indeed I have take 2 pictures , one from my IPH 10 and one from my Iphone 5c , i get then 2 pictures , not a second picture is accepted in the same category of Iphone , so I still need 8 pictures ( 8 different type of Iphone !!!) + 3 types of mp4 .  
Muneer I have never use a online converter , but I will look on this area.

Thank you both for your support , I will keep you posted with the result

---

<div class="post-metadata">

### Author: ![ealalin13s68](https://avatars.discourse-cdn.com/v4/letter/e/e5b9ba/32.png) [@ealalin13s68](https://community.thunkable.com/u/ealalin13s68)
#### Post date: [February 7, 2022, 8:46am UTC](https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113/6 "2022-02-07T08:46:02Z")

</div>

The solution with the online converter has perfectlly worked.

 ![Image convertion for Appel 2022-02-06](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/8/982de5d52f987655af44ecf5f7ed797391dafc5b.png)  
Hier is the result ( 1 of the 10 pictures) into the Appel preparation for submission

![Screen convertion for Appel 5.5 2022-02-06](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/b/5b5fceb8ecefbac911e39de3b6f35f628be3b410.png)

Thanks for the type , now I will search further for the 3 requested mp4 records because i receive as result : frame definition to high , I have try severall lower definition without success .  
I will keep you posted at the same time any other type of infotmations are the welcome

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [May 8, 2022, 8:46am UTC](https://community.thunkable.com/t/using-responsive-web-app-to-take-app-previews-and-screenshots/1714113/7 "2022-05-08T08:46:18Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
