Languages
[Edit]
EN

Inkscape - how to scale svg image with keeping aspect ratio

14 points
Created by:
Tyreese-Aguirre
349

1. Overview

In this post I'd like to show how to scale svg image with keeping aspect ratio.

Inkscape scale svg image with keeping aspect ratio - Image intro
Inkscape scale svg image with keeping aspect ratio - Image intro

2. Using shortcut keys

Easiest and fastest way for me is with shortcut of keys:

  1. Click Ctrl + left mouse button
  2. Drag the corner of image
  3. Our svg image will be re-sized with keeping aspect ratio size.
Inkscape - resize svg image keeping aspect ratio using shortcut keys
Inkscape - resize svg image keeping aspect ratio using shortcut keys

3. Using button with lock icon

Second way how we can achieve it is with button with lock icon, we can see it on below screenshot.
Steps:

  1. Click on button with lock icon
  2. Drag the corner of image
  3. Our svg image will be re-sized with keeping aspect ratio size.
Inkscape - resize svg image keeping aspect ratio using button with lock icon
Inkscape - resize svg image keeping aspect ratio using button with lock icon

4. Using Object Transform

From menu bar we select:

  1. From menu bar select - Object (img 1)
  2. Transform... (Shift + Ctrl + M) (img 1)
  3. From Transform window select Scale tab (img 2)
  4. Select Scale proportionally check-box (img 2)
  5. Select px (or other options like %, mm, in, cm) (img 2)
  6. Enter for example 200 px in Width input and click Enter (img 3)
  7. Height will change to 200 px automatically (img 3)
  8. Click Apply button (img 3)
  9. Our svg image will be re-sized with keeping aspect ratio size.
Inkscape - resize svg image keeping aspect ratio using Object Transform img 1
Inkscape - resize svg image keeping aspect ratio using Object Transform img 1

 

Inkscape - resize svg image keeping aspect ratio using Object Transform img 2
Inkscape - resize svg image keeping aspect ratio using Object Transform img 2

 

Inkscape - resize svg image keeping aspect ratio using Object Transform img 3
Inkscape - resize svg image keeping aspect ratio using Object Transform img 3

5. Video tutorial

References

  1. Inkscape - wikipedia
  2. Units In Inkscape - Inkscape docs
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.

Inkscape

Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join