Scalable Vector Graphics

Authoring tools

See how SVG content creation is supported in these Adobe applications. The SVG format is entirely XML-based and offers many advantages to developers and users alike. With SVG, you can use XML and JavaScript to create Web graphics that respond to user actions with sophisticated effects such as highlighting, tool tips, audio, and animation.

Adobe Illustrator CS2

SVG authoring tools are an important feature in Adobe® Illustrator® software. SVG is a vector format that describes images as shapes, paths, text, and filter effects. As with any vector format, the resulting files are compact, and users can magnify their view of an SVG image onscreen without sacrificing sharpness, detail, or clarity. In addition, SVG provides superior support for text and colors, which means users will see images as they appear on your Illustrator artboard.

Within Illustrator, you can:

  • Open and save standard and compressed SVG files
  • Apply SVG Filters
  • Work with SVG slices and set optimization options using Save For Web
  • Turn any piece of artwork into a template for data-driven graphics using the Variables palette
  • Add interactivity with the SVG Interactivity palette
  • Customize your graphics with Compact Embedded Fonts (CEF)
  • Add rich typography
  • Augment type (for example, kerning, line spacing, type on a path)
  • Design with transparencies and gradients
  • Add URLs to objects of any size and shape
  • Apply Styles and Swatches
  • Combine raster and vector elements in one image

Read our Illustrator CS2 white paper

See how you can create SVG content with Illustrator and publish it to the web or animate it using Ikivo Animator.

Learn more with these tutorials

Make SVG charts in Illustrator that are suitable for dynamic content integration.

Adobe GoLive CS2

With Adobe GoLive® CS2 software, you can produce Web pages that include SVG files created in Illustrator, and you can create SVG Tiny (SVG-t) files that are optimized for mobile devices.

Within GoLive, you can:

  • Add commonly supported JavaScript (SVG actions) or custom JavaScript to integrate with server-side code, such as JSP or PHP
  • Automatically track links in Illustrator SVG files. If a link destination moves, GoLive prompts you to update the link
  • Store subsets of fonts and preserve Illustrator-specific data in SVG files. GoLive automatically opens Illustrator to provide access to advanced optimization options
  • Work with slices established in Illustrator SVG files by using Smart Illustrator objects. You can assign links to slices and optimize them independently
  • Select and add interactivity to layers in SVG Tiny files using the groundbreaking new visual SVG Editor. Then you can deploy these SVG Tiny graphics to mobile devices that support SVG-t

Learn more about mobile publishing with GoLive CS2.

s