Vincent Hardy takes you on a high-level tour of the graphical web and how SVG fits in.
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 |
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.