# How to prevent resolution loss when using icons in Ignition?

**URL:** <https://forum.inductiveautomation.com/t/how-to-prevent-resolution-loss-when-using-icons-in-ignition/72448>\
**Category:** Ignition\
**Tags:** vision, ignition81\
**Created:** [April 14, 2023, 8:14am UTC](https://forum.inductiveautomation.com/t/how-to-prevent-resolution-loss-when-using-icons-in-ignition/72448 "2023-04-14T08:14:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Miguel\_Cimildoro](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@Miguel\_Cimildoro](https://forum.inductiveautomation.com/u/Miguel_Cimildoro)\
**Post date:** [April 14, 2023, 8:14am UTC](https://forum.inductiveautomation.com/t/how-to-prevent-resolution-loss-when-using-icons-in-ignition/72448/1 "2023-04-14T08:14:17Z")

</div>

Good morning, is there any way for Ignition to support icons without losing resolution? I'm using .svg icons but when I open the project on a 14'' resolution, they lose their resolution.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/8/f8f4eb22f2d19fec8af1fa41fa061cc2de6ba344.png)

Is there any recommendation on how I could make the project not pixelate?

---

<div class="post-metadata">

**Author:** ![grietveld](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/grietveld/32/6984_2.png) [@grietveld](https://forum.inductiveautomation.com/u/grietveld)\
**Post date:** [April 14, 2023, 3:34pm UTC](https://forum.inductiveautomation.com/t/how-to-prevent-resolution-loss-when-using-icons-in-ignition/72448/2 "2023-04-14T15:34:12Z")

</div>

I don't think those are 'icons' provided in Ignition. What is the file type of them? I would first recommend converting or making them as svg files if you are going to be lots of scaling. They are a vector image then and should scale better.

Doesn't necessarily help since you've got it built now, but I typically build my screen layouts for the smallest screen (my perspective strategy is a bit different).

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [April 14, 2023, 3:57pm UTC](https://forum.inductiveautomation.com/t/how-to-prevent-resolution-loss-when-using-icons-in-ignition/72448/3 "2023-04-14T15:57:46Z")

</div>

Also, what version of Ignition is this? I think there were some issues with SVGs from image management not scaling correctly that are resolved in later versions.

---

<div class="post-metadata">

**Author:** ![Miguel\_Cimildoro](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@Miguel\_Cimildoro](https://forum.inductiveautomation.com/u/Miguel_Cimildoro)\
**Post date:** [April 17, 2023, 6:59am UTC](https://forum.inductiveautomation.com/t/how-to-prevent-resolution-loss-when-using-icons-in-ignition/72448/4 "2023-04-17T06:59:56Z")

</div>

> [@grietveld](#):
>
> I don't think those are 'icons' provided in Ignition. What is the file type of them? I would first recommend converting or making them as svg files if you are going to be lots of scaling. They are a vector image then and should scale better.
> 
> Doesn't necessarily help since you've got it built now, but I typically build my screen layouts for the smallest screen (my perspective strategy is a bit different).

Thank you for your response. I appreciate your recommendation to use SVG files for scalable images. In fact, I have already been using SVG files for the icons in my project.

I also agree that designing screen layouts for the smallest screen size first is a good practice, as it ensures that the layout is responsive and adaptable to different screen sizes.

---

<div class="post-metadata">

**Author:** ![Miguel\_Cimildoro](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@Miguel\_Cimildoro](https://forum.inductiveautomation.com/u/Miguel_Cimildoro)\
**Post date:** [April 17, 2023, 8:03am UTC](https://forum.inductiveautomation.com/t/how-to-prevent-resolution-loss-when-using-icons-in-ignition/72448/5 "2023-04-17T08:03:27Z")

</div>

we are working with version 8.1.22 I understand that the latest version is .26, I guess I would have to wait for a new update to correct this scaling problem.

thanks for your response