Any id attribute whose value is never repeated elsewhere in the file (search for it!) is safe to remove. For some reason, Inkscape insists on assigning id attributes to every element, even if they're never referenced. Now let's get to the guts of the image data. You can also safely remove the encoding and standalone attributes from the tag. (Those are inserted by the Illustrator SVG exporter, and Inkscape isn't smart enough to realize they're useless.) The viewBox attribute can also be safely removed from this image, since it just repeats the values of the x, y, width and height attributes.
The tag also has a bunch of other useless attributes you can safely remove, such as enable-background and xml:space="preserve". The only namespace attributes you should have left at this point are: xmlns="" If there's a redundant xmlns:svg attribute, remove it, too. It should be safe to remove at least xmlns:rdf, xmlns:dc, xmlns:cc, xmlns:inkscape and xmlns:sodipodi. With the metadata and the Inkscape-specific attributes gone, you can remove all the unused XML namespace attributes from the tag. Find every attribute that begins with inkscape: or sodipodi: and delete them. Īlso, even if you save the file as "plain SVG", Inkscape still litters it with a bunch of custom attributes.
Just locate the tag and delete it, along with everything up to and including the closing. Inkscape insists on sticking a useless RDF metadata block into your image. If you're editing an SVG straight from Illustrator, there's also a useless line. I use emacs for that, but there are other editors with similar features out there.Īnyway, with the SVG file opened in your text editor, let's start simplifying it! Ideally, you should use an editor with an integrated SVG preview, so you can quickly see what effect (hopefully, none) your edits have on the appearance of the image. Now, it's time to open it up in a text editor, and see what we can get rid of. If you know even a little bit about the SVG format, you can do a lot better than that.įirst, run "Vacuum Defs" in Inkscape to get rid of useless definitions, and then save the image as "plain SVG". That's an easy 50% saving right there, but let's not stop yet. I didn't find much, but your controller's outline does have a few adjacent nodes (near the top and bottom middle) that can be merged without making any visible difference.
While you're at it, you should also check your paths to see if there's anything to simplify there. Original image with fancy bitmap shading on left, edited version with simple radial gradient on right. Just getting rid of that image, and replacing it with a simple radial gradient, is enough to shrink the SVG down to about 10kb.
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.
0 kommentar(er)
