SVG: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
==Introduction== |
|||
SVG is a W3C standard for so-called drawings as opposed to bitmap images. An SVG document is a sequence of drawing commands in plain text. When the commands are rendered by a browser or other SVG rendering app, an image will be seen. These sequences of drawing commands take up less space than a bitmap. In addition, the SVG files, being plain text, can be compressed further by tools like gzip or a JFFS2 filesystem (actually most SVG readers will automagically unpack gzip-compressed <tt>.svgz</tt> files though that's not always true for editors). |
SVG is a W3C standard for so-called drawings as opposed to bitmap images. An SVG document is a sequence of drawing commands in plain text. When the commands are rendered by a browser or other SVG rendering app, an image will be seen. These sequences of drawing commands take up less space than a bitmap. In addition, the SVG files, being plain text, can be compressed further by tools like gzip or a JFFS2 filesystem (actually most SVG readers will automagically unpack gzip-compressed <tt>.svgz</tt> files though that's not always true for editors). |
||
Line 8: | Line 9: | ||
More info can be found on [http://en.wikipedia.org/wiki/SVG Wikipedia]. |
More info can be found on [http://en.wikipedia.org/wiki/SVG Wikipedia]. |
||
==Tools== |
|||
;Inkscape: |
|||
This is an [http://www.inkscape.org/ open source drawing program] that supports much of the SVG standard. The project goal is to have complete support for SVG, XML and CSS. Extensions for Inkscape can be written in [[Python]] so application developers may be able to make creative use of this in developing educational software. |
|||
;Flash converter: |
|||
If you have artwork in Flash format, you can convert it to SVG using this [http://www.eprg.org/~sgp/swf2svg.html online converter] or [http://www.titan.napier.ac.uk/~05011301/ this tool] whose source is available from the ''Files'' tab in the documentation. |
Revision as of 19:23, 4 June 2006
Introduction
SVG is a W3C standard for so-called drawings as opposed to bitmap images. An SVG document is a sequence of drawing commands in plain text. When the commands are rendered by a browser or other SVG rendering app, an image will be seen. These sequences of drawing commands take up less space than a bitmap. In addition, the SVG files, being plain text, can be compressed further by tools like gzip or a JFFS2 filesystem (actually most SVG readers will automagically unpack gzip-compressed .svgz files though that's not always true for editors).
Since the OLPC has limited storage, SVG imagery will be a major part of the content for the OLPC. Much educational material needs to be displayed in some form of diagram in order to best convey the material to the student.
Authors of OLPC content should try to use SVG wherever possible. Only use bitmaps such as JPEG or PNG where it is not possible to use SVG.
There is a page on choosing image formats that will help you to understand the differences and how to know which format will be best for the intended use.
More info can be found on Wikipedia.
Tools
- Inkscape
This is an open source drawing program that supports much of the SVG standard. The project goal is to have complete support for SVG, XML and CSS. Extensions for Inkscape can be written in Python so application developers may be able to make creative use of this in developing educational software.
- Flash converter
If you have artwork in Flash format, you can convert it to SVG using this online converter or this tool whose source is available from the Files tab in the documentation.