XPRTIX SVG

Optimize an SVG.

Make an SVG file smaller without changing how it looks. See the size before you save, and nothing is uploaded.

pen + nodesgradientsboolean opsartboardsSVG → PNG
Drop SVG files or click to browse. Each file opens in its own tab. SVG

XPRTIX SVG

Optimize an SVG: how it works

What optimising removes

SVGs from design tools are full of things a browser does not need: metadata, comments, editor settings, empty groups, unused definitions and numbers with far more decimals than a screen can show. Optimising removes them and rounds numbers to the decimals you choose, which can cut a file by half or more.

How to do it

Open your SVG (drop it above or paste the code), choose Export → SVG and leave Optimise on. Set the decimals; 3 is safe for most icons and 1 or 2 works for simple shapes. The preview shows the file size before you save, so you can see what each setting saves.

Stay in control

This is a full editor, so you can also remove hidden layers, merge shapes with boolean operations or simplify a path before exporting. Everything runs in your browser and the file is never uploaded.

What it does

A full SVG editor that runs in your browser

Draw, reshape and clean up icons, logos and illustrations, or open an SVG you already have and change it. There is nothing to install and no account, and your files never leave your device.

  1. 01

    Edit paths node by node

    Draw with the pen or pencil, then drag anchor points and Bézier handles. Add or remove nodes, switch a node between corner and smooth, and open or close a path. Pen, rectangle, ellipse, line, polygon, star and text tools are all included.

    In your browser
  2. 02

    Style with fills, strokes and gradients

    Set solid colours, linear and radial gradients with any number of stops, stroke width, caps, joins, dashes and opacity. The eyedropper copies a style from one shape to another.

    In your browser
  3. 03

    Combine shapes with boolean operations

    Union, subtract, intersect and exclude paths to build new shapes, turn a stroke into an outline, and simplify a rough drawing into fewer nodes.

    In your browser
  4. 04

    Several SVGs in one document

    Every file opens as a tab, and each tab can hold several artboards, so an icon set lives in one place. Layers can be grouped, hidden, locked and reordered, with align, distribute and snapping to keep things tidy. Open tabs survive a page reload.

    In your browser

Export

Export as SVG, PNG, JPG, WebP or React

Preview the result and its file size before you save it.

Vector

  • Readable SVG, or an optimized one with metadata, editor attributes and unused definitions removed.
  • Choose how many decimals paths keep. Fewer decimals make smaller files.
  • A React (JSX) component, or a CSS data URI to paste straight into a stylesheet.

Raster

  • PNG, JPG and WebP at 1×, 2× and 4×, or any size you set.
  • An optional background colour, for formats with no transparency.
  • A ZIP of every artboard in one go.

Keyboard

  • V select, A edit nodes, P pen, T text.
  • ⌘/Ctrl+D duplicate, G group, Z undo.
  • Press ? inside the editor for the full list.

Transparency

What leaves your device

Nothing you open or draw.

Stays on your device

  • Every SVG you open, paste or draw, and every export.
  • Your open tabs, kept in this browser tab so a reload brings them back.

Sent to the server

  • Nothing. The editor has no upload step.

Recorded

  • Nothing from the editor.

SVG guides

Common SVG jobs

Questions

Asked often

How many decimals should I keep?

3 is a safe default for icons. Try lower values and check the preview; if edges look off, go back up.

Will optimising change how my SVG looks?

It should not. If something changes, turn Optimise off or increase the decimals.

Can I optimise several SVGs?

Open them as tabs and export each, or put them on one document as artboards and export all as a ZIP.

Is this like SVGO?

It does the same kind of cleanup: it removes metadata and unused definitions and rounds numbers. Unlike a command-line tool, it shows the result before you save.

Will optimising remove my layer names?

Editor attributes such as layer names are removed. Keep a readable copy if you plan to edit the file again.

Can I optimise pasted SVG code?

Yes. Use Paste SVG code on the start screen, then export as optimised SVG.