How to make 15kb SVG Files?

[Laserbeak43]

Hi,
I'm using Inkscape and converting my .png files to .svg, but I can only get them to about 215kb! What am I doing wrong?

 

[AutobacsJM]

that sounds WAY too big for an svg...are you sure there’s no bitmap data being stored on a different layer? maybe as a template? a simple one color font type logo should only be about 5KB, even something complex like this Autobacs logo is only around 14KB...what does the graphic consist of?

edit: sounds like you’re simply resaving a PNG as an SVG filetype...which is still a bitmap image, your file should be strictly vector lines/shapes not an actual rasterized image.

 

[CConspicuous]

Hi,
I'm using Inkscape and converting my .png files to .svg, but I can only get them to about 215kb! What am I doing wrong?

You need to edit the .svg to have as few anchor points as possible, so probably better off manually tracing over the png and then deleting .png layer after. The problem with auto-tracing/auto-converting is that it usually uses a lot more anchor points than necessary by following the pixels, it also has a tendency to follow the pixel outlines of gradients too.

If it's a logotype, tmake separate .svg files of the logo and each individual type character, then putting them together in the livery editor itself.

You also might find this helpful:
http://www.gran-turismo.com/gb/gtsport/news/00_4307308.html

 

[Laserbeak43]

Thanks for the tips guys. I'll look into that.

 

[Ridolf]

I'm having the exact same problem. I also use Inkscape. I watched a few YouTube tutorials to trace the logo I want and to save it as an svg file. I am clueless when it comes to this. The logo i'm trying to edit is for a energy drink here in South Africa. Bear claw energy. Can anybody use that logo and please do a tutorial that a noob like me can follow on free software.

I would love to upload a few South African logos once the decal upload option rolls out.

 

[Laserbeak43]

I'm having the exact same problem. I also use Inkscape. I watched a few YouTube tutorials to trace the logo I want and to save it as an svg file. I am clueless when it comes to this. The logo i'm trying to edit is for a energy drink here in South Africa. Bear claw energy. Can anybody use that logo and please do a tutorial that a noob like me can follow on free software.

I would love to upload a few South African logos once the decal upload option rolls out.

I'd like to see this too.. hmm....
OK just managed to get one down to 3Kb, but that's after removing the fill. Got another one to 15kb/16kb on disk. It won't upload. I guess my filesystem is padding it. It's holiday season here, so I'll tel you how as soon as I have time, but it might take some time...

 

[deertay]

I'm having the same issue. Even with a workspace that's starting off small (1in by 1in) in Illustrator CC, a a filled circle, stroked circle, two lines, and a handful of text comes out to over 35kb!! I've gone through every iteration of SVG 1.1 save options and still can't get it under 15kb. Yet I see the decals other people are posting in the community and they are super complex. I just don't get it.

 

[FerrellJ]

I'm having the same issue. Even with a workspace that's starting off small (1in by 1in) in Illustrator CC, a a filled circle, stroked circle, two lines, and a handful of text comes out to over 35kb!! I've gone through every iteration of SVG 1.1 save options and still can't get it under 15kb. Yet I see the decals other people are posting in the community and they are super complex. I just don't get it.

Are you converting your text to paths? I think you'll need to do that to get it to show up in GT Sport anyway and without doing so, it might be embedding the font into the svg (which would increase its size quite a bit).

Also be sure to try the online optimizer.

 

[Laserbeak43]

Also be sure to try the online optimizer.

NICE!

 

[Belifant]

Tutorials:

https://www.gtplanet.net/forum/threads/user-decals-a-tutorial-on-how-to-make-svg.361630/

 

[Laserbeak43]

That tutorial's really come along! Thanks.

 

[Islaygaz]

I am struggling with this too!

I have two decals that I want to upload - converted in inkscape by tracing path (or whatever it is called). This results in large files, I then use the SVGOMG website that reduces one to 8kb (YAY!) but when I try to upload it it is 18kb!!

The other one is like 60odd kb after minimizing so obviously ive not tried uploading yet!!


Any and all tips are welcome!!

 

[Belifant]

I am struggling with this too!

I have two decals that I want to upload - converted in inkscape by tracing path (or whatever it is called). This results in large files, I then use the SVGOMG website that reduces one to 8kb (YAY!) but when I try to upload it it is 18kb!!

The other one is like 60odd kb after minimizing so obviously ive not tried uploading yet!!


Any and all tips are welcome!!

Then you need to split up the logo into different parts, and/or reduce the amount of points your tracer produced (likely way more than necessary)

There are multiple threads in the GT Livery section regarding this topic already.

 

[Islaygaz]

Then you need to split up the logo into different parts, and/or reduce the amount of points your tracer produced (likely way more than necessary)

There are multiple threads in the GT Livery section regarding this topic already.

Split it up!! Never thought of that! Will check the other threads.

Thanks!

 

[eran0004]

I'm having the same issue. Even with a workspace that's starting off small (1in by 1in) in Illustrator CC, a a filled circle, stroked circle, two lines, and a handful of text comes out to over 35kb!! I've gone through every iteration of SVG 1.1 save options and still can't get it under 15kb. Yet I see the decals other people are posting in the community and they are super complex. I just don't get it.

The size of the workspace isn't important for filesize. What matters is the number of anchors you have and to what precision their position is saved. I don't have Illustrator CC so I'm not sure what options you have there, but in CS2 I can specify how many decimals that are used (and 3 is the default setting).

I tried both extremes on an SVG file and with 7 decimals I got a filesize of 21.5 kB, while with 1 decimal I got a filesize of 8.7 kB.

If you open an SVG file in a text editor (just change the file extension to .txt) you can see why this has a big impact on the filesize.

Here is the the same part of an SVG file in two versions: the first one with a precision of 1 decimal, and the second with a precision of 7 decimals. As you can see, the second version is much longer.

<path fill="#C6006F" d="M301.1,292.6c-6.2,2.4-12.6,1.7-18.8,1.1l-1.9-0.2c0,0.2,0,0.4,0.1,0.7c0,0,0.5,1.7,0.5,1.7
    c3.2,10.9,3.7,12.5,5.1,29.6l-0.4,0.2c-12,4.9-16.5,7.8-16.3,10.6c0.2,2.2,3.1,2.8,4,3c10,2.2,24.7-7.9,26.2-12.2
    c0.1-0.2,0.1-0.4,0-0.7c0.1-1.6,1.4-18.8,1.7-33C301.4,293.1,301.3,292.8,301.1,292.6z M395.4,325.8l4.1-30.8c0,0,0,0,0,0
    c-0.1,0.1-0.3,0.1-0.5,0.2c-7.3,0.9-14.1,1.4-22.2-0.6c-0.1,0.3-0.1,0.6,0,1c3.7,13.6,5.1,31.1,5.1,31.2c0,0,0,0.1,0,0.1
    c0,0.1,0,0.1,0.1,0.2c0,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0.1,0.1c3.5,4.3,15.6,18.1,23.5,13c2.2-1.4,2.5-3,2.4-4.1

<path fill="#C6006F" d="M301.1357422,292.5910645c-6.2001953,2.3535156-12.5898438,1.7109375-18.7724609,1.0917969
    l-1.8515625-0.1875c-0.0253906,0.21875-0.0097656,0.4462891,0.0585938,0.6699219
    c-0.0019531-0.0039063,0.5068359,1.7294922,0.5068359,1.7294922c3.2070313,10.9160156,3.6679688,12.5039063,5.0878906,29.5976563
    l-0.4492188,0.1826172c-11.9589844,4.8535156-16.5302734,7.8261719-16.2988281,10.6035156
    c0.1826172,2.1806641,3.0615234,2.8261719,4.0058594,3.0351563c9.9960938,2.2441406,24.6787109-7.8515625,26.1826172-12.1542969
    c0.0761719-0.2226563,0.0673828-0.4404297,0.0263672-0.6552734c0.1171875-1.6113281,1.375-18.78125,1.7236328-32.9794922
    C301.3632813,293.1281738,301.265625,292.8205566,301.1357422,292.5910645z M395.3984375,325.7668457l4.1289063-30.8457031
    c0.0019531-0.0058594-0.0019531-0.0097656-0.0019531-0.0146484c-0.1396484,0.0820313-0.296875,0.1337891-0.4667969,0.1542969
    c-7.3466797,0.8789063-14.0898438,1.4394531-22.1787109-0.6455078c-0.1025391,0.3046875-0.1210938,0.6425781-0.0263672,0.9873047
    c3.7109375,13.6113281,5.0712891,31.0546875,5.0859375,31.2324219c0.0039063,0.0449219,0.0244141,0.0820313,0.0332031,0.1269531
    c0.0136719,0.078125,0.0322266,0.1455078,0.0605469,0.21875c0.0332031,0.0917969,0.0761719,0.1699219,0.1269531,0.2460938
    c0.0234375,0.03125,0.03125,0.0722656,0.0576172,0.109375c3.5185547,4.3339844,15.6103516,18.0898438,23.4755859,13.0058594
    c2.1708984-1.4121094,2.5146484-3.0273438,2.4228516-4.1357422...

Also, when you auto-trace an object, the program will almost always create way more anchors than what is actually necessary, so try to delete as many anchors as possible and use the bezier curves to draw the shape. By getting rid of unnecessary anchors in the same file as I used in the example above, I got from 300+ anchors to about 150 anchors, and with 1 decimal precision the filesize got down to 3.6 kB.

So the file with excessive anchors and 7 decimals had 21.5 kB, while the file with a bare minimum of anchors and 1 decimal had 3.6 kB. Visually, I can't tell any difference between the two files.

 

[deertay]

Are you converting your text to paths? I think you'll need to do that to get it to show up in GT Sport anyway and without doing so, it might be embedding the font into the svg (which would increase its size quite a bit).

Also be sure to try the online optimizer.

I'll try converting to paths - had previously been converting to outlines, which is OpsNormal for most of my digital design work, but then again it's not usually constrained to 15k.

Thanks for the tip!!