Add ability to display images at 100% size in Canvas

Use case or problem

Currently Canvas always rescales images to the card size, meaning most of the images will never be displayed at 100% size. That massively degrades the quality of an image, here’s an example:

Proposed solution

Solution 1: Add an option for canvas to not upscale images that are smaller than the card. Meaning all the images in cards slightly bigger than the image will display at 100%
Solution 2: When holding Ctrl, snap the card’s size to increments of 25% and display the current % when resizing card, so the user can set the size to 100%, 50%, 25%, all of which keep the quality of the image.
Solution 3: Add an option of ‘Resize card to image’ in the card’s context menu.

5 Likes

This all assumes though that the view zoom is snapping to increments. If it’s not the suggested solutions won’t work.

Hello, +1 on the issue itself (not the proposed solution).

Thank you for Obsidian and its Canvas feature (to me, Canvas looks promising and could become a useful tool in the future if it keeps being worked on).

I have tried to use Canvas to review various components of the user interface on a moderately complex system ; I wanted to lay everything (screenshots of various size) down on Canvas but quickly realized that I couldn’t get the images to be displayed without any sort of resizing which renders everything blurry and the text barely readable.

The expected behavior would be that at full zoom, images are at their 100% size.

This is what the Canvas looks like (fully zoomed out):

If useful, I can try to provide a fully zoomed in view of one of the card but pictures shared by @PLyczkowski illustrates the issue quite well (the problem is probably worse in my case when trying to review items of a user interface where meaning of specific part of blurry piece of text cannot be derived from its surrounding).

I started using Canvas today and I’m really disappointed regarding how it handles image resizing, having to resize every single icon I paste into a canvas is really painful and tedious.

Here is an example:

Both icons are too big when comparing their original sizes (16x16 and 64x64) to a text box (text card), and also both images rescaled to that image size although having different original sizes

Idk if this is a bug or is intended but it really needs to get fixed.

Here’s how they’re supposed to be without any auto scaling, just pasting with their original size:

1 Like