Animation of Scalable Vector Graphic (SVG)
Scalable Vector Graphic is an excellent way to create interactive, resolution-independent vector graphics which are now supported by all modern browsers!
Scalable Vector Graphics is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. Scalable Vector Graphic images and their behaviors are defined in XML text files.
You should be using Scalable Vector Graphics because it doesn’t matter about your screen size, zoom level, resolution or whether or not you have a ‘retina’ display. SVG is vector based, paths, shapes and fills. This allows for infinite resolution, much like when creating artwork for print and using shapes, the same principles apply!
Using PNG’s means you are restricted to pixels, that’s so 2001!
At first glance, Scalable Vector Graphics can seem too technical, but the reality is that plenty of libraries and photo editing applications allow you to focus on the visual appearance, and take care of the process of converting an image into a SVG format.
We are excited for the future of SVG, and look forward to your feedback regarding our animation presented to you today?