How-to guide

How to reduce SVG file size

Cut node count and bloat without visibly changing the artwork.

A traced SVG that weighs more than the PNG it came from is a trace with too many nodes. This guide covers the two levers that matter — tracing more coarsely, and stripping what the file does not need.

Try the playground free →

What you need

  • ▸An SVG file that is larger than you want
  • ▸Optional: the original raster image, for a cleaner re-trace

Steps

  1. 01
    Find out why it is big

    Open the SVG in a text editor. A huge number of path elements or extremely long d attributes means too many nodes. A single enormous base64 string means a raster image is embedded and no tracing actually happened.

  2. 02
    Re-trace at lower detail

    By far the most effective fix. Reload the original image in VectorDrop and reduce the detail setting — fewer nodes, smaller file, and for flat artwork it is usually indistinguishable at normal sizes.

  3. 03
    Reduce the colour count

    Every extra traced colour is another full set of paths. Most logos and icons need five colours or fewer. Cutting the palette can halve the file on its own.

  4. 04
    Strip editor metadata

    Illustrator and Inkscape write large blocks of private metadata into exports. Deleting the metadata, sodipodi, and inkscape namespaced elements is safe and often removes a surprising amount.

  5. 05
    Trim coordinate precision

    Coordinates like 128.4839201847 carry meaningless precision. Rounding to two or three decimal places shrinks the d attributes noticeably with no visible change.

  6. 06
    Serve it compressed

    SVG is text, so it gzips extremely well — often to a third of its size. Make sure your host or CDN has compression enabled for image/svg+xml.

Tips

  • ▸Compare the rendered result at your real display size, not zoomed to 400%
  • ▸For icons under 64px, aggressive simplification is essentially free
  • ▸Inline critical SVGs in your HTML to avoid a separate request entirely
  • ▸If your SVG is megabytes, it almost certainly contains an embedded raster — re-trace it

Frequently asked questions

Why is my SVG bigger than the original PNG?

Because the trace produced far more nodes than the artwork needs. Re-trace at a lower detail setting and with fewer colours; a well-traced logo SVG is usually a few kilobytes.

Does reducing SVG file size lose quality?

Simplification removes nodes, so very fine detail can soften. For logos, icons, and flat illustrations the difference is invisible at normal viewing sizes.

What is a reasonable size for an icon SVG?

Under 5KB uncompressed is typical for a well-traced icon. Logos with more detail commonly land between 10KB and 50KB.

Ready to vectorise your image?

Upload a PNG, JPG, or WebP and get a clean SVG in seconds. Free and browser-based.

Open the playground →