# Optimised SVGs vs normal SVGs efficency difference

**URL:** <https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 11, 2023, 1:19pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299 "2023-04-11T13:19:59Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gabriel\_Schwinghamme](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Gabriel\_Schwinghamme](https://forum.inductiveautomation.com/u/Gabriel_Schwinghamme)\
**Post date:** [April 11, 2023, 1:19pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/1 "2023-04-11T13:19:59Z")

</div>

Hello,

I am having visual issues on my more complicated SVGs when I optimize them. I am wondering what the difference in performance using standard SVGs for certain tasks. I have a very large project so the percentage difference matters more than in a smaller project.

Thanks.

---

<div class="post-metadata">

**Author:** ![andrews](https://avatars.discourse-cdn.com/v4/letter/a/898d66/32.png) [@andrews](https://forum.inductiveautomation.com/u/andrews)\
**Post date:** [April 11, 2023, 2:11pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/2 "2023-04-11T14:11:41Z")

</div>

Can you show examples of the issues you are having? And possibly show a full page.

It will make it easier for people to chime in on.

---

<div class="post-metadata">

**Author:** ![Gabriel\_Schwinghamme](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Gabriel\_Schwinghamme](https://forum.inductiveautomation.com/u/Gabriel_Schwinghamme)\
**Post date:** [April 11, 2023, 8:58pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/3 "2023-04-11T20:58:55Z")

</div>

Yes Sorry,  
Here is what the SVG looks like ink scape.

 ![Screenshot 2023-04-11 155254](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/a/2ab070cd6b4b92eb4069ca11c879662a65c42fed.png)

And here is what it looks like after I choose optimized SVG and bring it into perspective.

![Screenshot 2023-04-11 155401](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/4/a49acc1c0f8899e2dc6b549b6ec7015f62ea6361.png)

I think there is an issue with the text being stuck a specific size. When I lowered the text size it remained the same as it was previously.  
Let me know if I am leaving something out

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [April 11, 2023, 9:28pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/4 "2023-04-11T21:28:05Z")

</div>

What happens when you import the unoptimised svg into perspective? Do you see the same result? I suspect you will. It may be that perspective doesn't support (yet?) the SVG features you're using, although I know there was work done in recent versions to improve this. What version are you on?

---

<div class="post-metadata">

**Author:** ![Gabriel\_Schwinghamme](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Gabriel\_Schwinghamme](https://forum.inductiveautomation.com/u/Gabriel_Schwinghamme)\
**Post date:** [April 11, 2023, 9:41pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/5 "2023-04-11T21:41:18Z")

</div>

I actually just figured out the issue! The Converting CSS attributes to XML attributes was for some reason messing with the text size.

But I also have a similar question which you will also see in the examples. I have curved corners in my Inkscape drawing but when importing they are back to sharp (even as a normal SVG). I know I can maybe take a circle and create the same effect but I am wondering, if like you, said perspective does not support the rounding yet.

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [April 11, 2023, 10:48pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/6 "2023-04-11T22:48:04Z")

</div>

How do you round your corners?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [April 11, 2023, 11:22pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/7 "2023-04-11T23:22:10Z")

</div>

> [@Gabriel\_Schwinghamme](#):
>
> The Converting CSS attributes to XML attributes was for some reason messing with the text size.

Did you manage to fix it? and how?

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [April 11, 2023, 11:43pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/8 "2023-04-11T23:43:44Z")

</div>

If you are using path effects (Corners) to round your corners it will not be translated to Ignition.  
Try rectangle rounding using `ry,rx`.  
[https://inkscape-manuals.readthedocs.io/en/latest/squares-and-rectangles.html](https://inkscape-manuals.readthedocs.io/en/latest/squares-and-rectangles.html)

---

<div class="post-metadata">

**Author:** ![Gabriel\_Schwinghamme](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Gabriel\_Schwinghamme](https://forum.inductiveautomation.com/u/Gabriel_Schwinghamme)\
**Post date:** [April 12, 2023, 5:01pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/9 "2023-04-12T17:01:57Z")

</div>

In the menu that pops up after selecting optimized SVG I just unchecked Converting CSS attributes to XML attributes. But now I am still having slight alignment issues.

---

<div class="post-metadata">

**Author:** ![Gabriel\_Schwinghamme](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Gabriel\_Schwinghamme](https://forum.inductiveautomation.com/u/Gabriel_Schwinghamme)\
**Post date:** [April 12, 2023, 5:33pm UTC](https://forum.inductiveautomation.com/t/optimised-svgs-vs-normal-svgs-efficency-difference/72299/10 "2023-04-12T17:33:27Z")

</div>

Ill do that thanks
