Relative scaling of images

Use case or problem

Embedded images can be scaled using the ![[image.png|100x100]] syntax.

It would be useful to also be able to use a percentage or [0,1] number in order to specify a relative size.

It’s easier for me to immediately realize that I need to resize an image to about half its width, while I usually have to try&err in order to find a good px size.

Proposed solution

  • ![[image.png|50%]]
  • ![[image.png|0.5]]
  • ![[image.png|100%x50%]]

The question arises of relative to what? Window width? Or original image size? I would say the second one, since it’s more predictable.

2 Likes

Use case or problem

When you import photos of any type, you can set the size in pixles.
That is a static measurement and does not take into account the width of the frame.

Proposed solution

Instead of a fixed size in px units,

![[Pasted image 20230217023409.png|250]]

add functionality to support a % of the images original size.

![[Pasted image 20230217023409.png|50%]]

Can be done with CSS currently.
I don’t think modifying the aspect ratio will apply to many users, so probably ok to skim over the need for a (width x height) field.
Set the width to a % and the height to auto.

Current workaround (optional)

Set the image size in px to a “workable” size, and just suck it up.