|
|
| Data-driven graphics |
| SVG creates powerful, dynamic content because it tightly integrates front-end graphics to back-end business processes and data including e-commerce systems, corporate databases, and other rich sources of information. SVG files use existing and proven Web standards such as Cascading Style Sheets (CSS) and Extensible Style Sheet Language so that graphics can be easily customized. |
|
|
| • |
Reduced maintenance costs |
|
|
| By dynamically changing image attributes, SVG eliminates the need for numerous image files. For example, a navigation button that normally requires a minimum of two raster files can be replaced by a single SVG file — rollover states and behaviors are specified via easily scriptable attributes such as color, shape, size, text, or opacity. |
|
|
| And because SVG is text based, production teams can utilize version control systems to track and manage all changes made to a file.
|
|
| • |
Reduced development time |
|
|
| In a traditional Web workflow, content (data), presentation (graphics), and application logic (scripting) are developed sequentially. If a change is made to content after a project is complete, entire graphics must often be re-created. |
|
|
|
SVG separates these three elements, allowing them to be developed in parallel, reducing development time and distributing the work more efficiently. By separating such workflow elements, SVG enables developers to develop and designers to design.
|
|
| • |
Scalable server solutions |
|
|
| SVG can reduce server loads by allowing client platforms to perform the graphic rendering. If the client platform has limited processing resources (PDAs and cell phones, for example), the server can prerender and optimize content before delivery. In both cases, the source content is the same. Client-side rendering can also dramatically improve the user experience. For example, zooming in on an SVG-enabled map is extremely fast and can instantly provide additional details such as streets names, building addresses, and topographic information. |
|
|
| • |
Easily updated |
|
|
| As data changes, so do the graphics, with no additional work on the part of the developer. Unlike other proprietary formats, SVG separates design from content, making updates to either relatively painless. |
|
|
|
|
