SVG Developer Center
Scalable Vector Graphics (SVG) is a text-based graphics language that describes images with vector shapes, text, and embedded raster graphics. SVG files provide resolution independent, high resolution dots per inch (HiDPI) graphics on the web, in print, and on mobile devices in a compact format. The ability to style SVG with CSS and the support of scripting and animation makes SVG an integral part of the web platform.
SVG is ideal for interactive, data-driven, personalized graphics. It is a royalty-free, vendor neutral open standard developed under the W3C (World Wide Web Consortium) process, and widely supported by modern web browsers.
Introduction to SVG videos |
Vincent Hardy takes you on a high-level tour of the graphical web and how SVG fits in.
Jennifer Yu (product manager at Microsoft) provides an introduction to modernizing your website: SVG meets HTML5.
What's new |
SVG on WebPlatform.org
Mike Sierra (Apr 03, 2013)
Eyeballing it with SVG: Get the Grand Tour from Mike Sierra. Then check out animation and filters.
Interview with Jon Ferraiolo: SVG past, present, and future
Vincent Hardy (Oct 15, 2012)
Learn about the history and current direction of Scalable Vector Graphics from the spiritual father of SVG.
Resources |
Create SVG content |
Adobe's vector graphics tool, Adobe Illustrator creates and imports SVG files for print and the web. Within the Adobe Edge Tools & Services, SVG content can be styled and debugged using Edge Code and can be animated and embedded in HTML with Edge Animate.
Contribution to the web |
Adobe is an active member of the W3C. We contribute to SVG and related specifications:
Visit Adobe & HTML for more information and demonstrations.
Download Appliness, a free tablet magazine for developers created using Digital Publishing Suite, featuring interactive tutorials, videos, news, and more!
