How do I shrink an SVG file?

SVGOMG is a visual playground for dropping metadata and decorative attributes. For repeatable builds, wire up the `svgo` CLI into your CI or asset pipeline.

.svg

Use caution

Scalable Vector Graphics

An XML-based vector image format. Logos, icons, and charts stay crisp at any size and can be styled with CSS or manipulated with JavaScript.

MIME types

image/svg+xml

What opens this file

Any web browser
Illustrator
Figma
Inkscape
Sketch

How to open by OS

Windows

Open in any browser for viewing. Edit with Inkscape or Figma.

Mac

Preview handles viewing; Sketch, Figma, or Illustrator for editing.

Linux

Inkscape, or any browser.

Ios

Safari and the Files app.

Android

Chrome or a gallery viewer.

Safety notes

SVG allows inline <script> tags, making it a common XSS vector when user-uploaded SVGs are served as-is. Always sanitize SVG input on the server before delivery.

Common mistakes

Illustrator exports often leave editor metadata and base64-embedded rasters, bloating the file. Run the result through SVGOMG before shipping.
You can only restyle SVG via external CSS when it is inlined into the HTML. SVGs referenced through <img> are opaque to outside CSS.

FAQ

How do I shrink an SVG file?: SVGOMG is a visual playground for dropping metadata and decorative attributes. For repeatable builds, wire up the svgo CLI into your CI or asset pipeline.

Related extensions

References

SVG 2 (W3C)