decorative banner

Optimization options for SVG format


    SVG uses XML to save high-resolution vector graphics. SVG files can contain sophisticated elements, such as gradients, animation, and filter effects. (See About graphic file formats.)

    TipIncrease the resolution in the Document Raster Effects Settings dialog box to improve the appearance of raster effects in SVG files. (See Specifying raster effects settings.)

    Illustration of Optimization panel for SVG format with these callouts: A. File Format menu B. Font Subsetting menu C. Font Location menu D. Image Location menu E. CSS Properties menu F. Character Encoding G. Optimize menu
    Optimization panel for SVG format A. File Format menu B. Font Subsetting menu C. Font Location menu D. Image Location menu E. CSS Properties menu F. Character Encoding G. Optimize menu

    Compressed

    Select Compressed to create a Compressed SVG (SVGZ) file.

    Font Subsetting

    Choose an option from the Font Subsetting menu to control which fonts are embedded or linked from the SVG file. Choose None from the Subsetting menu if you can rely on the necessary fonts being installed on end-user systems. Choose Only Glyphs Used (only available when embedding fonts) to only include glyphs for text that exists in the current artwork. The other values (Common English, Common English + Glyphs Used, Common Roman, Common Roman + Glyphs Used, All Glyphs) are useful when the textual content of the SVG file is dynamic (such as server-generated text or user-interactive text).

    Decimals

    Specify the precision of vector data in the SVG file. You can set a value of 1 to 7 decimal places. A high value results in a larger file size and increased image quality.

    Font Location

    Choose Embed Fonts or Link Fonts from the Font Location menu. Embedding fonts increases file size but ensures that the fonts will always be available (for example, if you distribute the SVG file via email). Linking fonts from an external location makes sense if you have several SVG files that share the same fonts.

    Image Location

    Choose Embed Images or Link Images from the Image Location menu. Embedding images increases file size but ensures that rasterized images will always be available.

    CSS Properties

    Determines how style attributes are saved in the SVG code. The default method, Presentation Attributes, applies properties at the highest point in the hierarchy, which allow the most flexibility for specific edits and transformations. The Style Attributes method creates the most readable files but may increase the file size. Choose this method if the SVG code will be used in transformations--for example, transformations using Extensible Stylesheet Language Transformation (XSLT). The Entity References method results in faster rendering times and reduced SVG file size. The Style Element method is used when sharing files with HTML documents. By selecting Style Element, 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 Element option also results in slower rendering speeds.

    Encoding

    Choose a method from the Encoding menu to determine how characters are encoded in the SVG file. UTF (Unicode Transformation Format) encoding is supported by all XML processors. (UTF-8 is an 8-bit format; UTF-16 is a 16-bit format.) ISO 8859-1 and UTF-16 encoding do not preserve file metadata. (See Adding metadata to documents.)