Tag Info

New answers tagged


SVGOMG! is an Awesome Web-App for SVG Optimisation According to the creator of the app, SVGOMG is SVGO's "Missing GUI". Running it on the image provided brings it down to just 3.42kb, and just 1.4kb after being gzipped.


I've recently found a tool at https://petercollingridge.appspot.com/svg-editor (source code) that helps optimize SVG files. It has good results in this case, bringing the file size down to 3.7kB, which is just over half the size of the JPG, with a little manual adjustment: Using this tool to optimize SVG files requires significantly less time than golfing ...


I am a little surprised no-one has mentioned the "Scour" extension. It's bundled with Inkscape (as of v0.47), and does many of the optimisations mentioned by Ilmari Karonen.


As Wrzlprmft has already pointed out, over 50% of your SVG file's size is taken up by an embedded PNG bitmap image used to create a fairly subtle shading effect on the controller. Just getting rid of that image, and replacing it with a simple radial gradient, is enough to shrink the SVG down to about 10kb.               ...


You can convert it to a compressed SVG (SVGZ) and put the image.svgz on your web page: gzip image.svg mv image.svg.gz image.svgz Or, in Adobe Illustrator, simply save as "SVG compressed", which will write an image.svgz file. For your test image it's still larger than the JPG, though: image.jpg: 7268 bytes image.svg: 22385 bytes image.svgz: 14614 ...


Your SVG contains an embedded pixel graphic for the shade in the bottom right of the controller. This is responsible for about ⅔ of the file size. If you remove it, your SVG file is en par with your JPEG. You can probably achieve an adequately similar effect with a gradient. Other techniques of reducing SVG file size include: Remove all Metadata and ...

Top 50 recent answers are included