# SVG Import Error (Big Black BLOB)

**URL:** <https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042>\
**Category:** Ignition\
**Created:** [April 26, 2021, 7:58pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042 "2021-04-26T19:58:28Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![alec](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alec/32/41994_2.png) [@alec](https://forum.inductiveautomation.com/u/alec)\
**Post date:** [April 26, 2021, 7:58pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/1 "2021-04-26T19:58:28Z")

</div>

I am trying to import an SVG into Vision however I keep getting this weird bug where it makes it a blob. Any suggestions on how to fix this?

How it should look:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/c/5c24dc36fc01593e1ae9b05cab82245140aa9d94.png)

What I get:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/9/a9797599d1670e82e998221dd17e642a9c9cce6d.png)

---

<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 26, 2021, 8:24pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/2 "2021-04-26T20:24:29Z")

</div>

Have you checked the stroke widths of the imported lines?  
If in Inkscape, try explicitly setting all line strokes to a value and then saving your SVG as an optimised SVG

---

<div class="post-metadata">

**Author:** ![alec](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alec/32/41994_2.png) [@alec](https://forum.inductiveautomation.com/u/alec)\
**Post date:** [April 26, 2021, 9:05pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/3 "2021-04-26T21:05:31Z")

</div>

Thank you, this worked!

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [April 28, 2021, 1:21pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/4 "2021-04-28T13:21:49Z")

</div>

which perspective component allows you to import SVG files? Just for my info?

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [April 28, 2021, 1:23pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/5 "2021-04-28T13:23:41Z")

</div>

Drag and drop the svg onto your view, and it shows up like magic.

---

<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 28, 2021, 1:41pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/6 "2021-04-28T13:41:53Z")

</div>

Make sure you select Embed and not the default (dodgy) option that will add it to the image browser (not very/ever? useful)

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [April 28, 2021, 6:08pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/7 "2021-04-28T18:08:38Z")

</div>

The SVG file size must be huge for such a complex drawing, if especially its done using Inkskape!

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [April 28, 2021, 6:20pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/8 "2021-04-28T18:20:21Z")

</div>

That depends on your definition of “huge”. It’s really just an XML document, so I don’t suspect that it’s all that big, a few hundred MB’s at most.

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [April 28, 2021, 7:02pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/9 "2021-04-28T19:02:29Z")

</div>

However Inkscape produces a 2KB file for a drawing with just one rectangle and one circle! Manually it takes two lines of XML code to define a rectangle and a circle.That was just besides the point.

---

<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 29, 2021, 2:31am UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/10 "2021-04-29T02:31:56Z")

</div>

That’s most likely the minimum file size of your file system.

> <https://stackoverflow.com/questions/26002504/whats-the-smallest-possible-file-size-on-disk/26002578#26002578>

[Check the cluster size of an exFAT drive on Windows - Super User](https://superuser.com/questions/1358595/check-the-cluster-size-of-an-exfat-drive-on-windows#:~:text=2%20Answers&text=Right%2Dclick%20the%20drive%20and,under%20%22allocation%20unit%20size%22).

My blocksize/cluster size/allocation unit/smallest file size is 4KB

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [April 29, 2021, 11:40am UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/11 "2021-04-29T11:40:08Z")

</div>

Indeed it contain a lot of xmlns definitions and inkscape parameter settings initially (which are perhaps mandatory fixed size), followed by the two xml nodes for rectangle and ellipse.

But I wonder why such CAD drawings are required in a SCADA HMI? The HMI files should be as small as possible for quick loading on a client, and a 500mb file looks too big to me for a SCADA HMI , so I had asked this question.

---

<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 29, 2021, 12:08pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/12 "2021-04-29T12:08:45Z")

</div>

> [@prafull\_j](#):
>
> 500mb file looks

While I agree with the sentiment that SCADA should be relatively simple, 500MB is being a little dramatic.

I traced the bitmap in the OP to vector and the filesize is 372KB. While trace bitmap only gives a single layer, it still has a good approximation of all of the shape nodes. I'd expect the original might be 500-600KB, hardly 500MB

![test-size-o](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/1/8105f43499af94f1f372db74cce63e34ba9d1cea.svg)

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [April 29, 2021, 4:02pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/13 "2021-04-29T16:02:29Z")

</div>

500kb looks ok. But why a CAD drawing in SCADA! Anyway its individual project requirements and individual preferences I guess.

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [January 14, 2023, 10:19pm UTC](https://forum.inductiveautomation.com/t/svg-import-error-big-black-blob/46042/14 "2023-01-14T22:19:33Z")

</div>

Is there a quick way to explicitly set all stroke widths, ideally without "changing" anything about the image?

Thanks!
