# The images aren't resizing in the final app! what should I do?

**URL:** <https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [May 9, 2021, 2:06pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248 "2021-05-09T14:06:20Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![yazdkotwal123qo9b](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@yazdkotwal123qo9b](https://community.thunkable.com/u/yazdkotwal123qo9b)\
**Post date:** [May 9, 2021, 2:06pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/1 "2021-05-09T14:06:20Z")

</div>

When I use the preview, it doesn’t resize the images in the application even though it resizes them in the editor. What should I do?

---

<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:** [May 9, 2021, 2:10pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/2 "2021-05-09T14:10:38Z")

</div>

To get an answer you need to provide sufficient details along with a video of what the problem is or screen shots or link to your project so others and more experienced members of the community can look into it and provide suggestions.

---

<div class="post-metadata">

**Author:** ![yazdkotwal123qo9b](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@yazdkotwal123qo9b](https://community.thunkable.com/u/yazdkotwal123qo9b)\
**Post date:** [May 9, 2021, 2:16pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/3 "2021-05-09T14:16:21Z")

</div>

![Screenshot 2021-05-09 194555](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/1/f1bb068c3df70df8004b4a3552c115d98bc77b2a.png)  
 ![Screenshot 2021-05-09 194539](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/f/5f8bb2f47a462a69d06ca1522b57a7c888a60ce6.png)

---

<div class="post-metadata">

**Author:** ![yazdkotwal123qo9b](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@yazdkotwal123qo9b](https://community.thunkable.com/u/yazdkotwal123qo9b)\
**Post date:** [May 9, 2021, 2:16pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/4 "2021-05-09T14:16:56Z")

</div>

the former is the problem. the latter is how it should look like

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 9, 2021, 2:23pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/5 "2021-05-09T14:23:46Z")

</div>

Post a link or details on how you’re setting size? Which interface?

Also, the preview is the least reliable way to see final results. Try thunkable live? Unless you’re building only for web?

---

<div class="post-metadata">

**Author:** ![yazdkotwal123qo9b](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@yazdkotwal123qo9b](https://community.thunkable.com/u/yazdkotwal123qo9b)\
**Post date:** [May 9, 2021, 2:33pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/6 "2021-05-09T14:33:11Z")

</div>

It shows the same error there. I also built an apk and sent it to an android device. same result.

---

<div class="post-metadata">

**Author:** ![yazdkotwal123qo9b](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@yazdkotwal123qo9b](https://community.thunkable.com/u/yazdkotwal123qo9b)\
**Post date:** [May 9, 2021, 2:41pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/7 "2021-05-09T14:41:08Z")

</div>

> [@catsarisky](#):
>
> Post a link or details on how you’re setting size? Which interface?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/9/f9711d9ecb7d19a1fe8c8d272bd41f92db9a8a63.png)

I’m using these to set the size. I would use fixed sizes but the app is gonna be for multiple sizes of devices.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 9, 2021, 2:52pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/8 "2021-05-09T14:52:33Z")

</div>

That’s one component. Gonna need to see the tree and settings for most to debug it.

Thunkable doesn’t know how big images are by itself, so if you’re using fit contents only, how will it figure it out?

I often find that if I want things sized perfectly, I need to use math and calculate from the screen width abs height blocks. Or you can try percentages, if everything can be described as a percentage (not a mix of relative and absolute).

---

<div class="post-metadata">

**Author:** ![yazdkotwal123qo9b](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@yazdkotwal123qo9b](https://community.thunkable.com/u/yazdkotwal123qo9b)\
**Post date:** [May 9, 2021, 2:58pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/10 "2021-05-09T14:58:04Z")

</div>

[https://x.thunkable.com/copy/9574af7d9da52ffc8e2914b90e0d66a6](https://x.thunkable.com/copy/9574af7d9da52ffc8e2914b90e0d66a6)

This is a duplicate of the app.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 9, 2021, 3:59pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/11 "2021-05-09T15:59:06Z")

</div>

This is definitely one of those places where you need to do some math and then set your block sizes. Take your screen height and subtract the height of the menu block (set that to something absolute). Then dive that by 5. Also take the screen width and divide by 3. Compare those two results, and set all the row heights and individual button widths to whichever of those is less. And then if you want it to look OK in Live, you’ll want to make the screen scrollable, because the screen height is the actual screen height and doesn’t account for the menu bars across the top and bottom.

(To clarify - you’re setting heights with blocks, when the screen starts - not in the designer.)

---

<div class="post-metadata">

**Author:** ![yazdkotwal123qo9b](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@yazdkotwal123qo9b](https://community.thunkable.com/u/yazdkotwal123qo9b)\
**Post date:** [May 10, 2021, 2:28am UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/12 "2021-05-10T02:28:26Z")

</div>

Thanks for the info. Your help is deeply appreciated.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/the-images-arent-resizing-in-the-final-app-what-should-i-do/1272248/13 "2024-11-08T13:22:37Z")

</div>


