Resize SVG

Resize an SVG to exact dimensions, or scale it by eye, without any loss of quality. Vector artwork stays perfectly sharp at any size.

Drop an SVG here

or

Start from blank

Your file never leaves your device — it opens locally in your browser.

Vector does not lose quality

Resizing a JPG or PNG destroys it — scale one up and you get a blurry, blocky mess, because the file is a fixed grid of pixels and enlarging it means inventing new ones.

SVG works completely differently. It stores instructions, not pixels: "a curve from here to there with this radius". Change the size and those instructions are simply redrawn at the new scale. A logo scaled from 40px to 4 metres is exactly as sharp at both ends. This is why you should keep the SVG rather than a PNG as your master copy.

Artwork size and artboard size are two different things

This trips almost everyone up. The artwork is the shapes. The artboard is the canvas they sit on. Shrinking the artwork leaves the artboard the same size, so your export ends up with a lot of empty space around it.

Set both: resize the artwork with the W and H fields, then set the artboard dimensions to match what you actually want the file to be.

Keeping proportions

The lock icon next to the width and height fields ties them together — change one and the other follows, so nothing gets stretched. Dragging a corner handle with Shift held does the same thing, and Alt scales from the centre instead of the opposite corner.

If you need a raster version

Set the size first, then export as PNG — that way the raster file is generated at the right dimensions instead of being resized afterwards, which would reintroduce exactly the quality loss you were avoiding.

How to resize an SVG

  1. Open your SVG. Drop the file above and it opens on the canvas at its current size.
  2. Select what you want to resize. Click a single shape, or press Ctrl/Cmd+A to select the whole drawing and scale it as one piece.
  3. Enter exact dimensions. Type the width and height you need into the W and H fields in the properties panel. Leave the lock enabled to keep the aspect ratio.
  4. Or drag a corner handle. Drag a corner of the selection box to scale by eye. Hold Shift to constrain the proportions, or Alt to scale from the centre.
  5. Resize the artboard too. Scaling the artwork does not change the canvas around it. Set the artboard dimensions separately so the exported file is the size you expect.
  6. Export. Save as SVG to stay resolution-independent, or export PNG, JPG or PDF at the new size.

Common questions

How do I resize an SVG?

Open the file, select the artwork, and type the width and height you want into the W and H fields — or drag a corner handle. Keep the aspect-ratio lock on so it does not distort.

Will resizing an SVG lose quality?

No. SVG is vector, so it is described by maths rather than pixels. It stays perfectly sharp at any size, which is the whole advantage of the format over PNG or JPG.

How do I resize without stretching it?

Keep the aspect-ratio lock enabled next to the W/H fields, or hold Shift while dragging a corner handle. Both keep width and height in proportion.

Why is there still empty space around my artwork after resizing?

You resized the artwork but not the artboard. They are separate — change the artboard dimensions as well so the canvas fits what you exported.

Can I resize just one part of the image?

Yes. Select only the shapes you want to change and resize those. Everything else stays where it is.

Other things you can do