InDesign

Export to SVG format

The Scalable Vector Graphics (SVG) format is an open-standard vector graphics format that lets you design web pages with high-resolution graphics that incorporate real-time data. You can export a page, spread, or selection from an InDesign document using either SVG or SVGZ format. (The SVGZ format is a compressed version of the SVG format.)

  1. If desired, select an object to export. (You do not need to select anything to export a page or spread.)
  2. Choose File > Export.
  3. Specify a location and a filename.
  4. For Save as Type (Windows) or Format (Mac OS), choose SVG or SVG Compressed, and then click Save.

    The SVG Options dialog box appears.

  5. In the Pages section, do one of the following:

    • Select All to export all pages in the document. Each page (or spread, if Spreads is selected) is exported to a separate SVG file.

    • Select Range and enter the number of the page or pages you want to export. Separate numbers in a range by using a hyphen, and separate multiple pages or ranges by using commas or spaces.

    • Select Export Selection to export the currently selected object in your document.

    • Select Spreads to export facing pages in a spread as a single SVG file. Deselect this option to export each page in a spread as a separate SVG file.

  6. For Subsetting, choose one of the following options:

    • Only Glyphs Used exports only the font characters used in the document.

    • Common English and Common Roman subset every English or Roman-letter font character used in the document.

    • Common English & Glyphs Used or Common Roman & Glyphs Used combine the options described above.

    • All Glyphs subsets every font character used in the document (including non-Roman fonts such as Asian characters).

  7. In the Images section, for Location, select one of the following options:

    • Embed saves complete GIF or JPEG images in the export file (which increases file size but ensures that the image is always included with the file).

    • Link includes a link to the original graphics file, rather than an embedded image.

  8. Click More Options to display the following options:
    Transparency Flattener
    Select a flattener preset in the Preset menu to specify how transparent objects appear in the exported file. This option is the same as the Transparency Flattener option that appears in the Advanced area of the Print dialog box. Select Ignore Spread Overrides to ignore the flattener preset on an individual spread.

    CSS Properties
    Lets you choose among four methods of saving style attributes in SVG code:
    Presentation Attributes
    Applies the highest level of properties, allowing for more flexibility during editing and transformations.

    Style Attributes
    Is used if the SVG code will be used in transformation—for example, transformations using Extensible Stylesheet Language Transformation (XSLT)—but results in slightly larger file size.

    Style Attributes (Entity References)
    Results in faster rendering times and reduced SVG file size.

    Style Elements
    Is used when sharing files with HTML editors. By selecting Style Elements, you can then modify the SVG file to move a style element into an external stylesheet file that is also referenced by the HTML file; however, the Style Elements option also results in slower rendering speeds.

    Decimal Places
    Lets you specify the precision of the vectors in the exported artwork. You can set a value of 1 to 7 decimal places. A high value results in a larger file size and increased image quality.

    Encoding
    Allows you to choose between ISO 8859‑1 (ASCII) characters or characters encoded using the Unicode Transformation Format (UTF). UTF‑8 is an 8‑bit format; UTF‑16 is a 16‑bit format.

  9. Click Export.