SVG Resize Tool — Scale SVG to Any Size
Resize any SVG to exact pixel or physical dimensions while preserving the crisp vector quality.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
How SVG Resizing Differs from Raster
Resizing an SVG doesn't change the actual vector data — it changes the declared display size. The viewBox coordinate system stays the same; only the outer dimensions change.
- Change width='100' to width='200' — SVG displays at double size, same paths
- For responsive SVG: remove width/height entirely, set via CSS
- Physical dimensions for print: set width='10cm' height='10cm'
- Pixel dimensions for screen: width='200' height='200'
Resizing SVG in Different Contexts
Different methods for different resizing needs.
- CSS (most flexible): svg { width: 200px; height: auto; } — overrides SVG attributes
- HTML attributes: <img src='icon.svg' width='200' height='200'> — sets display size
- SVG file edit: change width/height attributes in the SVG XML
- Inkscape: set canvas size and export at that size
- Print: set width in mm/cm/inches in the SVG or Inkscape export dialog
Maintaining Aspect Ratio When Resizing
Always preserve aspect ratio unless deliberately distorting.
- In CSS: width: 200px; height: auto; — browser maintains aspect ratio
- In HTML: set only width or only height (not both) for automatic ratio preservation
- In SVG attributes: change both width and height proportionally (multiply both by same factor)
- The viewBox ratio determines the natural aspect ratio — don't change viewBox when resizing
Frequently Asked Questions
Does resizing an SVG file affect quality?
No. SVG quality is always perfect regardless of display size. The vector math recalculates at any size.
How do I make an SVG exactly 32×32 pixels?
Set width='32' height='32' on the <svg> element. Ensure the viewBox ratio matches (e.g., viewBox='0 0 24 24' will scale the 24×24 coordinate system to fit 32×32 pixels).
Can I resize just the width of an SVG without changing height?
Yes, but this distorts the SVG (like stretching). To avoid distortion, use preserveAspectRatio='none' explicitly. To maintain aspect ratio with a fixed width: set width only and let height be auto.
How do I resize SVG for a specific print size?
Set width and height in physical units: width='10cm' height='10cm'. Inkscape: Document Properties > change units to cm, set dimensions. The SVG prints at exactly that physical size.
Can I make SVG fill its parent container?
Yes. Remove width/height from the SVG tag, set CSS: svg { width: 100%; height: 100%; }. The SVG fills the parent element's dimensions.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Convert Image to SVG — Free