Resize image

[anita]

Hi guys, I’m currently having problems resize this image. What can I add to this line to resize the image? Tks.

[ryanjamurphy]

This is an outstanding feature request:

Resize embedded content

I’d like to be able to adjust the size of images and videos . It’s not very convenient to have a a single image take up almost the entire width/height of a page.

Please search the forums; there’s lots of discussion on this here already!

[anita]

Tks for reply. I have no problem with public files (with public links).
My need is to resize a local image inside my workspace folder, I tried all of the recommendations in this post “Resize embedded content”, and nothing worked.

Thank you.

[ryanjamurphy]

Right, those are proposals for how resizing could work from another user—but the feature does not exist yet (the thread I linked to was a feature request). It only works for publicly-hosted images for now.

See also:

How can I change the size of images?

Interesting - it might be worthwhile reporting your inability to use the <img> tag as you described as a bug (seems like it should work!). Might also be worthwhile to post a feature request for Obsidian to “support MultiMarkdown’s extended link and image attributes” - which I believe would have solved your problem of resizing the images.

[anita]

Thank you for replying.

I have read all of the posts relating to my problem on this forum. With your confirmation, I think I just settle with these options (which worked when I tested):

• As I use OneDrive for syncing my Obsidian workspace folder, I can open OneDrive on browser, and copy my image address to put in the img tag for resizing.
• As for common method, I will need to resize my image (on a image editing software) before embedding it in my note.

Thank you so much.

[ryanjamurphy]

You’ve got it—those’re the only options for now. Hopefully we’ll have more options soon!

[anita]

Thank you.

[Sodo4082]

I found out how to resize pictures in obsidian!

Take the link, add ‘|’ sign towards the end and write a number.
Eg. : ![[image.jpg]] to ![[image.jpg|300]]

[iaso2h]

Thanks. It’s helpful

[TypoPsycho]

Fantastic !!! For anyone using Obsidian to make presentations, this is a crucial feature. I am impressed with what Obsidian can do.

[bakerw71]

Thanks! ily

[geroge_joash236]

Thanks a lot, really appreciate it

[Montt]

Hi! I don´t know if you still having the problem, but I found another solution (maybe you already know), its just this: <img src="" alt="" style=“zoom:50%;” />. I hope it is helpfully for you.

[mochsner]

Is it possible to this on a markdown formatted image, such as:
![](Pasted%20image%2020210727084710.png)

[rigmarole]

Yes you can. You put the size in the alt-text. From the release notes in 0.9.4:

Blockquote
You can now downsize images using the new syntax:

For markdown images, use ![AltText|100x100](https://url/to/image.png)
For embeds, use ![[image.png|100x100]]
To have the image scale according to its aspect ratio, omit the height ![[image.png|100]]

[mochsner]

Wonderful. I have something similar set in CSS, but native is much better, so I don’t need to maintain the CSS across vaults - plus it’s entirely customizable. Thanks @rigmarole !

Since it sounds like you’re pretty in the know here, do you have any idea if there plans or feature requests to support % for alttext|width notation, as a function of window width?

In my CSS, I have some categories that I’ve picked for convenience that use this (though mine uses both px and % to arrive at a max. It might be a fairly simple feature to implement by appending a % to the end of the number, so if there’s no feature request I’d be interested in creating one.

![sm](image.png)
![md](image.png)
![lg](image.png)

.markdown-preview-view img[alt="sm"] {
  width: max(300px,30%);
  max-height:auto;
}
.markdown-preview-view img[alt="md"] {
  width: max(500px,50%);
  max-height:auto;
}
.markdown-preview-view img[alt="lg"] {
  width: max(1080px,70%);
  max-height:auto;
}

Edit: apologies for the laziness in asking here - I have a TODO for myself to look into this in the future, but currently have a lot of things going on and unable to, so figure it’s worth a shot to ask If I find anything, I’ll follow-up here!

[rjkaratez]

This is how i resize my pdf-
[Link removed]

[rigmarole]

@Besalynus can you explain what you mean, or what you’ve done? Your post doesn’t have enough information to be able to help.

Resizing only affects how it displays. The original photo doesn’t get changed. Nothing is lost.

[hiba]

it works, thanks a bunch!!