# How can I layer an image on top of another?

**URL:** <https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008>\
**Category:** Questions about Thunkable X\
**Created:** [June 25, 2018, 12:28am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008 "2018-06-25T00:28:34Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dusty-Divot\_Store](https://avatars.discourse-cdn.com/v4/letter/d/3ec8ea/32.png) [@Dusty-Divot\_Store](https://community.thunkable.com/u/Dusty-Divot_Store)\
**Post date:** [June 25, 2018, 12:28am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/1 "2018-06-25T00:28:35Z")

</div>

How can I layer two .pngs on top of eachother and then save the file

---

<div class="post-metadata">

**Author:** ![Calm\_Boy](https://avatars.discourse-cdn.com/v4/letter/c/4bbf92/32.png) [@Calm\_Boy](https://community.thunkable.com/u/Calm_Boy)\
**Post date:** [June 25, 2018, 12:40am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/2 "2018-06-25T00:40:15Z")

</div>

# Hello
Use the layout colum. Simply Just drag the two pro layout images

---

<div class="post-metadata">

**Author:** ![Dusty-Divot\_Store](https://avatars.discourse-cdn.com/v4/letter/d/3ec8ea/32.png) [@Dusty-Divot\_Store](https://community.thunkable.com/u/Dusty-Divot_Store)\
**Post date:** [June 25, 2018, 12:53am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/3 "2018-06-25T00:53:51Z")

</div>

Im making an app where I want the user to upload a picture and then the app will overlay another picture on top. Any api you know of?

---

<div class="post-metadata">

**Author:** ![Calm\_Boy](https://avatars.discourse-cdn.com/v4/letter/c/4bbf92/32.png) [@Calm\_Boy](https://community.thunkable.com/u/Calm_Boy)\
**Post date:** [June 25, 2018, 12:59am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/4 "2018-06-25T00:59:19Z")

</div>

# Hello, it's a pleasure to meet you again.

I'm afraid you're trying to make an image-editing application? Or is it style a social network where people post photos anonymously ?None of the options need an API, thunkable itself makes it possible for us.

---

<div class="post-metadata">

**Author:** ![Dusty-Divot\_Store](https://avatars.discourse-cdn.com/v4/letter/d/3ec8ea/32.png) [@Dusty-Divot\_Store](https://community.thunkable.com/u/Dusty-Divot_Store)\
**Post date:** [June 25, 2018, 1:08am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/5 "2018-06-25T01:08:45Z")

</div>

I just need to overlay an image on top of another image

---

<div class="post-metadata">

**Author:** ![Calm\_Boy](https://avatars.discourse-cdn.com/v4/letter/c/4bbf92/32.png) [@Calm\_Boy](https://community.thunkable.com/u/Calm_Boy)\
**Post date:** [June 25, 2018, 1:11am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/6 "2018-06-25T01:11:17Z")

</div>

Use a layout

---

<div class="post-metadata">

**Author:** ![Dusty-Divot\_Store](https://avatars.discourse-cdn.com/v4/letter/d/3ec8ea/32.png) [@Dusty-Divot\_Store](https://community.thunkable.com/u/Dusty-Divot_Store)\
**Post date:** [June 25, 2018, 1:19am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/7 "2018-06-25T01:19:52Z")

</div>

You can’t overlap images in layout

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 25, 2018, 4:51am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/8 "2018-06-25T04:51:12Z")

</div>

In the layout you can overlap both images and components.

[https://x.thunkable.com/projects/5b30711947be56acbd8860ec/project/properties/designer/](https://x.thunkable.com/projects/5b30711947be56acbd8860ec/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![Dusty-Divot\_Store](https://avatars.discourse-cdn.com/v4/letter/d/3ec8ea/32.png) [@Dusty-Divot\_Store](https://community.thunkable.com/u/Dusty-Divot_Store)\
**Post date:** [June 25, 2018, 9:34pm UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/9 "2018-06-25T21:34:12Z")

</div>

oh ok, how do i save the image @actech

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 28, 2018, 2:23pm UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/10 "2018-06-28T14:23:27Z")

</div>

To save the image, you can make a screenshot of the screen.

In Thunkable X, you can not edit or save images. Therefore, to create a composition of images, you need to look for online services for working with images. For example:

[http://www.online-image-editor.com/](http://www.online-image-editor.com/)

Also you can see the frameworks for working with images.

---

<div class="post-metadata">

**Author:** ![secondharitcdml](https://avatars.discourse-cdn.com/v4/letter/s/aca169/32.png) [@secondharitcdml](https://community.thunkable.com/u/secondharitcdml)\
**Post date:** [June 22, 2020, 10:39am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/11 "2020-06-22T10:39:13Z")

</div>

Using Z Index (under Advanced - Positioning) worked for me; set the first image Z Index to say, 10, and the one that should appear on top of that to 100.

---

<div class="post-metadata">

**Author:** ![dhungana.sohl3](https://avatars.discourse-cdn.com/v4/letter/d/9fc29f/32.png) [@dhungana.sohl3](https://community.thunkable.com/u/dhungana.sohl3)\
**Post date:** [January 12, 2021, 7:37am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/12 "2021-01-12T07:37:02Z")

</div>

How do you overlap images?  
I cant seem to do it.

---

<div class="post-metadata">

**Author:** ![dhungana.sohl3](https://avatars.discourse-cdn.com/v4/letter/d/9fc29f/32.png) [@dhungana.sohl3](https://community.thunkable.com/u/dhungana.sohl3)\
**Post date:** [January 12, 2021, 7:38am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/13 "2021-01-12T07:38:59Z")

</div>

How do you change the z index?

---

<div class="post-metadata">

**Author:** ![secondharitcdml](https://avatars.discourse-cdn.com/v4/letter/s/aca169/32.png) [@secondharitcdml](https://community.thunkable.com/u/secondharitcdml)\
**Post date:** [January 12, 2021, 10:01am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/14 "2021-01-12T10:01:02Z")

</div>

in the ‘Advanced’ properties tab of the component, under ‘Positioning’.

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [January 12, 2021, 11:57am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/15 "2021-01-12T11:57:33Z")

</div>

If you use the new drag and drop designer you can simply drag the components on top of one another. Changing the order in the list on the left hand side will change which control is on top and which is underneath

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [January 12, 2021, 1:14pm UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/16 "2021-01-12T13:14:37Z")

</div>

You can try using a stored variable to save the URL of the image.

---

<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, 11:25am UTC](https://community.thunkable.com/t/how-can-i-layer-an-image-on-top-of-another/33008/17 "2024-11-08T11:25:32Z")

</div>


