Open main menu
en-1 The description below was composed by a non-native English speaker.
You are cordially invited to improve the literal quality of any textual expression.

This category is intended to show examples of manually drawn SVG graphics, where some skill has been used to simplify the structures.
Of course, all the files here are also Valid SVGs.
By using the appropriate SVG elements and avoiding all the garbage typical for tool drawn graphics, the file sizes are kept reasonable. The sizes are not minimized at any price. Where useful, embedding of comments, linefeeds and other structuring items keeps the text rather readable.
The methods of drawing the graphics should be useful examples of some educational value, giving hints to other users for solving different levels of complexity.

Tool-drawn graphics often

  • contain a lot of unnecessary prologue preambles,
  • use very complex path structures for drawing the simplest elements,
  • perform transformations (sometimes cascades of 5 or more) where they can be easily avoided,
  • specify up to 8, 15 or 42 decimal fractions, in most cases without any need,
  • specify style attributes redundantly because the values are implied,
  • specify text attributes when there is no text,
  • contain lots of unnecessary definitions e.g. unused gradients,
  • contain large blocks of invisible (display="none") coding,
  • repeat ever and ever unreferenced definitions, and
  • create a lot of unreferenced IDs and groupings, comments and more.

By manually redrawing such a graphic it becomes easily a tenth or twentieth of the former file size.
For example, the most simple drawing Dice-0.svg was previously 200 times larger and contained embedded raster graphics.

Tools cannot recognize when simple geometric structures are needed, nor do they give attribution to centering, symmetry, parallelism or visual perspectives. Often they draw very odd-shaped graphics, with complex cubic Béziers where straight lines would be better.

Anti Illustrator logo.svg

The worst things come from Adobe Illustrator. After generating all the crap mentioned above it can add huge blocks of pgf data; removing that often reduces an Adobe-made SVG file to a half promille of its size, one example of many can be seen in the history of Spain traffic signal r200.svg. Another example of Adobe garbage creation is the dot pattern.

Files categorized herein should contain either an upload history or a link to the other file, showing so the different ways to produce (almost) the same graphic output, and the different file sizes, too. Where it seems useful, additional explanations can be given on the file's talk page, and categorize it then in Simplified SVG discussions.

Sorting order within this category
It is suggested to order the files by their reduction ratio:
Trine-symbol.svg from 26 August 2007 had a size of 2022 and is now 188 bytes. The quotient 188/2022 is 0.09297725; the first four digits after the "0." are the sorting key, written [[Category:SVG Simplified| 0929]], with a space between the "|" character and the four digits to prevent group 0..9 creation.

Only some files with a reduction to less than 5 % (ratio up to 0500) should be shown there, if examples of special interest.

All that is done automatically by the template {{SimplSVG}}

Usage: {{SimplSVG|<prev.editor>|<prev.size>|<size>|<topic>}}
To use this template with {{Image generation}} and all its advantages, it can be written {{ Igen<prev.editor><prev.size><size><topic>...10 = S... }}
If further information is required see the documentation of the template and the examples.

{{SimplSVG}} generates via {{ValidSVG}} a link to the W3C validator:

W3CThe source code of this SVG is valid. This link to the validator passes the option to show the SVG coding


This category has the following 25 subcategories, out of 25 total.


Media in category "SVG Simplified"

The following 71 files are in this category, out of 71 total.