SVGs big file sizes

Freeway
1

I’m messing about with SVG files. One of the benefits of SVG files is suppose to be small file sizes. See Using SVG | CSS-Tricks - CSS-Tricks

A PNG of my logo is around 8kb, however an SVG 1.1 file is coming in at a whopping 102kb.

The author of the above article uses 1.1 profile, but he admits he isn’t too knowledgable about the different profiles.

So - does anyone know what the best profile is? In terms of browser support and file size?

Adobe Illustrator gives a plethora of different options.

Thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I’ve just been reading this html - Optimal settings for exporting SVGs for the web from Illustrator? - Stack Overflow

Even if I change the ‘Decimal Places’ from 3 to 1 and use CSS Properties Style Attributes (Entity References) [no idea what this means] the file size is still a big 66kb compared to the 8kb PNG.

I’m not understanding why people say that SVG are small file sizes…

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

There’s a threshold you would have to cross. Make a PNG of your logo at 1024px square. Even with its great compression, that’s still going to be a much larger file than your SVG logo, which will scale perfectly to 1024 px square with no quality loss.

SVG also looks perfect on Retina displays, without any tricks to replace with high-rez versions.

Walter

On Dec 12, 2013, at 5:00 PM, Mark wrote:

I’ve just been reading this html - Optimal settings for exporting SVGs for the web from Illustrator? - Stack Overflow

Even if I change the ‘Decimal Places’ from 3 to 1 and use CSS Properties Style Attributes (Entity References) [no idea what this means] the file size is still a big 66kb compared to the 8kb PNG.

I’m not understanding why people say that SVG are small file sizes…

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Out of interest I’ve just enlarged my logo and duplicated it a few times to create a file 1000 x 900 pixels. (all text has been converted to outlines)

SVG file size is 73k
PNG 24 bit file size is 63k

So even with these large dimensions, the PNG is still a smaller file size.

I’ve tried creating SVG and PNGs of complex vector drawings and same thing - the PNG is smaller.

HOWEVER if I use the SVG Compressed (.svgz) then the file size is much reduced - but I’ve not read of anyone using this file format.

I’m not really understanding why people say SVG produces smaller file sizes.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options