# \[Solved\] How do I resize a background image?

**URL:** <https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468>\
**Category:** Questions about Thunkable X\
**Tags:** solved\
**Created:** [May 13, 2021, 6:26pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468 "2021-05-13T18:26:31Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [May 13, 2021, 6:26pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/1 "2021-05-13T18:26:31Z")

</div>

i upload pic jpg in screen but i have problem with size how i can fix

regards

---

<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:** [May 13, 2021, 6:59pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/2 "2021-05-13T18:59:02Z")

</div>

You’ll need to share a screenshot of the problem. Also, what is the problem with the size? Is it too big, too small? What have you tried?

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [May 13, 2021, 7:39pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/3 "2021-05-13T19:39:11Z")

</div>

![136)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/8/488d7e4cac2bfb81c3b7a3dc29f52e64cdaf5b18.jpeg)  
 ![137)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/5/757c7fb2b68c429e72a37f00842b59dfb34d7738.jpeg)

---

<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:** [May 13, 2021, 9:10pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/4 "2021-05-13T21:10:53Z")

</div>

Try different Background Picture Resize Modes.

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [May 14, 2021, 12:06pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/5 "2021-05-14T12:06:04Z")

</div>

i try its same problem

 ![hhhh(138)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/9/f9119a2aeaeee4b90b92751dba73b79d995fc856.jpeg)

---

<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:** [May 14, 2021, 4:00pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/6 "2021-05-14T16:00:35Z")

</div>

But that screenshot does **not** have a Background Picture Resize Mode selected. What values did you try for that?

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [May 14, 2021, 4:23pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/7 "2021-05-14T16:23:57Z")

</div>

> [@libnansatx2qji5](#):
>
> upload pic jpg in screen but i have problem with size

my freind i make all center and i try also to change its same

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [May 14, 2021, 4:47pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/8 "2021-05-14T16:47:36Z")

</div>

![(139)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/e/6e840e8bafa5a19f8bef6de97f1db10302708c59.jpeg)

---

<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 14, 2021, 4:59pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/9 "2021-05-14T16:59:13Z")

</div>

Try either contain or cover, depending on which behavior you want. ‘center’ gets you the middle of the image if it is bigger than the container you’re putting it into.

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [May 14, 2021, 5:35pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/10 "2021-05-14T17:35:36Z")

</div>

![Screenshot (141)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/056e0185877f53c8ad8935b8b40ce8230d98501c.jpeg)

> [@catsarisky](#):
>
> Try either contain or cover, depending on which behavior you want. ‘center’ gets you the middle of the image if it is bigger than the container you’re putting it into.

 ![Screenshot (140)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/6/c6351246205f553a6a7a97cf9194c30973618b93.jpeg)

hi thanks for your reply but why in edit showing deferent from preview

---

<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 14, 2021, 6:11pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/11 "2021-05-14T18:11:10Z")

</div>

There are a lot of things that show differently on the designer (‘edit’), the web preview, and Thunkable Live. And things that aren’t identical between iOS and Android, despite that being a goal.

My experience has been that the “live test” preview (not the preview button - different screen dimensions) is more likely to be what you’re going to get on a phone than the edit/designer view, but you should really do most of your previewing with Thunkable Live (and occasionally by downloading) if you don’t want surprises. Unless you’re building something that’s only going to be a web app, of course!

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [May 15, 2021, 2:11pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/12 "2021-05-15T14:11:04Z")

</div>

3 posts were split to a new topic: [Which settings do I need to publish?](https://community.thunkable.com/t/which-settings-do-i-need-to-publish/1285055)

---

<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 15, 2021, 2:12pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/13 "2021-05-15T14:12:00Z")

</div>

(no longer relevant to this thread.)

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [May 15, 2021, 3:05pm UTC](https://community.thunkable.com/t/solved-how-do-i-resize-a-background-image/1281468/14 "2021-05-15T15:05:21Z")

</div>

A post was merged into an existing topic: [Which settings do I need to publish?](https://community.thunkable.com/t/which-settings-do-i-need-to-publish/1285055/5)

---

<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/solved-how-do-i-resize-a-background-image/1281468/15 "2024-11-08T13:22:30Z")

</div>


