# Perspective scale (image vs components)

**URL:** <https://forum.inductiveautomation.com/t/perspective-scale-image-vs-components/51713>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 7, 2021, 5:16pm UTC](https://forum.inductiveautomation.com/t/perspective-scale-image-vs-components/51713 "2021-10-07T17:16:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![laurie.croteau](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@laurie.croteau](https://forum.inductiveautomation.com/u/laurie.croteau)\
**Post date:** [October 7, 2021, 5:16pm UTC](https://forum.inductiveautomation.com/t/perspective-scale-image-vs-components/51713/1 "2021-10-07T17:16:36Z")

</div>

![Capture](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/7/67728efdc04d5f1618907d5479a474a2b60a04db.png)

How to scale many components “together” so when I change the size of the window, all components stay where they need to be?  
I use a .svg file for the piping and all, but I used LED display to show some important value related to tags in Ingnition. I made the width of my .svg file “100%” to always fill the user screen.

Thanks for your help!

---

<div class="post-metadata">

**Author:** ![PrestonS](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/prestons/32/28432_2.png) [@PrestonS](https://forum.inductiveautomation.com/u/PrestonS)\
**Post date:** [October 7, 2021, 6:09pm UTC](https://forum.inductiveautomation.com/t/perspective-scale-image-vs-components/51713/2 "2021-10-07T18:09:37Z")

</div>

I had this issue recently I was using an image but I set the container and the image to both percent and it fixed my issue.  
Image:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/8/583dba445d1282d384028a248efba3652f1f1a4f.png)  
Container(root):  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/f/4fd4152895ae86e6d7f7f9f4103d67c149e6e527.png)

---

<div class="post-metadata">

**Author:** ![laurie.croteau](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@laurie.croteau](https://forum.inductiveautomation.com/u/laurie.croteau)\
**Post date:** [October 7, 2021, 6:15pm UTC](https://forum.inductiveautomation.com/t/perspective-scale-image-vs-components/51713/3 "2021-10-07T18:15:22Z")

</div>

My image is scaling correctly when I resize my window but my LED displays don’t scale the same way that my image is scaling so their positions are incorrect. So the link between my window and my container is good, but the one between my image and my components is not.

Thanks to help and sorry for my English, I understand it might not be clear!

---

<div class="post-metadata">

**Author:** ![PrestonS](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/prestons/32/28432_2.png) [@PrestonS](https://forum.inductiveautomation.com/u/PrestonS)\
**Post date:** [October 7, 2021, 6:24pm UTC](https://forum.inductiveautomation.com/t/perspective-scale-image-vs-components/51713/4 "2021-10-07T18:24:13Z")

</div>

Well if both of your image and container are set to percent you can try to set the aspect ratio  
Ex:  
with aspectratio set to 16:9

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/4/140d633113183b511a54c3d483a4b649d62dcb22.png)  
Ex: with aspect ratio turned off  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/d/1d0735d42eee9f3f89ce1774f7587fce99c7a6cc.png)

---

<div class="post-metadata">

**Author:** ![laurie.croteau](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@laurie.croteau](https://forum.inductiveautomation.com/u/laurie.croteau)\
**Post date:** [October 7, 2021, 6:30pm UTC](https://forum.inductiveautomation.com/t/perspective-scale-image-vs-components/51713/5 "2021-10-07T18:30:12Z")

</div>

Thanks! It worked 🙂