svgby garagemade

Resize an SVG

svgby garagemade
0,0browser-local
Drop an SVG to start
or pick a sample on the home page
Open in the full editor

Resizing an SVG is not the same operation as resizing a photograph, and the difference is why it can be lossless. A JPG or PNG holds a fixed grid of pixels; enlarge it and software has to invent the pixels in between, which is what softens the edges. An SVG holds coordinates. Changing its size changes the frame those coordinates are drawn into, and every curve is recalculated at the new dimensions — sharp at 20 pixels and sharp at 2000.

How to resize an SVG

  • Load your SVG above, or edit the sample. It stays on your device.
  • Choose Resize and enter the width and height you need.
  • Apply. The canvas readout shows the new dimensions.
  • Export as SVG, or render to PNG, JPG or WebP at up to 4x.

Resize an SVG without losing quality

The resize edits the document's dimensions and its viewBox — the coordinate window the artwork is drawn through — rather than rasterising anything. No pixels are produced, so none are lost. That holds in both directions: scaling a 512-pixel illustration down to 24 keeps the detail available if you scale it back up later, which is not true of a raster you downsized and saved.

Files with no viewBox are handled

Plenty of exported SVGs declare a width and height but no viewBox. Change the dimensions on one of those in a text editor and the artwork does not scale — it gets cropped, because there is no mapping between the drawing's coordinates and the new frame. A viewBox is derived from the existing width and height and added first, so the resize scales the drawing the way you expect. This is the single most common reason a hand-edited SVG comes back clipped.

Changing the frame instead of the scale

Resizing scales the whole drawing. When you want to change how much space surrounds it, drag the artboard handles on the canvas: that edits the export frame and leaves the artwork at its current scale. There is also a fit control that crops the frame to the artwork's own bounds, stroke widths included, which is the fastest way to remove empty margins an export left behind.

What the dimensions actually control

The width and height you set are the file's intrinsic size — the size it reports when something places it without instructions. On a web page CSS usually overrides that, so an SVG sized to 24 pixels can still be rendered at 96 by a stylesheet without any loss. The intrinsic size still matters elsewhere: it decides the default in design tools and office documents, it seeds the aspect ratio a browser reserves before the file loads, and it is the number every raster export here is a multiple of. Setting it deliberately saves correcting the same file in three places later.

Everything stays local

The document is parsed, resized and re-serialised inside your browser. Nothing is uploaded, so there is no processing queue, no size limit beyond the 5 MB the file picker accepts, and no copy of your artwork retained once you close the tab.

Frequently asked questions

Does resizing an SVG lose quality?
No. An SVG stores coordinates and curves, and resizing changes the frame those coordinates are drawn into. The maths is recalculated at the new size, so the result is as sharp at 2000 pixels as at 20.
What happens if my SVG has no viewBox?
One is derived from the file's width and height and added before the resize. Without it, changing the dimensions would crop the artwork instead of scaling it, which is the usual cause of a resized SVG coming back cut off.
How is this different from resizing a PNG or JPG?
A raster image has a fixed number of pixels, so enlarging it invents new ones by interpolation and edges go soft. A vector has no pixels until it is drawn, so it is redrawn at whatever size you ask for.
Can I set exact pixel dimensions?
Yes. Enter the width and height you need. The values are the SVG's declared dimensions, which is what a browser or design tool reads when it places the file.
Does resizing move or distort the shapes inside?
No. Resizing scales the whole drawing uniformly and leaves the geometry untouched. If you want to change the frame around the artwork instead, drag the artboard handles on the canvas — that edits the crop rather than the scale.
Do you need a copy of my file to resize it?
Not at any point. The document is parsed and rewritten inside this tab, so resizing works on files you would never send to a third-party service, and works with the network switched off.
Can I export a resized PNG instead of an SVG?
Yes. Export to PNG, JPG or WebP at 1x to 4x of the current size. Set the SVG's dimensions first and the raster export follows from them.

Related tools