图片按高度缩放

遇到的问题

当我插入图片后,我想用 Markdown 自己的语法去控制图片高度,这样可以把两三幅图放在一行而且不会有参差不齐的感觉。我看教程里是说可以用 ![|100x145]() ,前面的是宽度,后面的是高度,例如 ![Engelbart|100x145](https://history-computer.com/ModernComputer/Basis/images/Engelbart.jpg) 。但是这样的话,我发现宽度和高度不会等比缩放。

于是我试了一下,发现在实时编辑模式下,用 ![|0x145]() 可以不控制宽度,只通过高度实现图片的等比缩放。不过当打开阅读模式,图片就会消失,即,阅读模式下是把图片的宽度视为了0。

所以,我想问一下,实时编辑或者阅读模式中,哪一种算是bug, ![|0x145]() 应该是把0看成0像素还是空。以后如果修复的话,是统一成按高度缩放,还是统一成宽度为0像素?

此外,还想问问大家有没有 Markdown 原生的语法,可以实现对图片按高度缩放?(比如设置图片的高度缩放到100px,然后 obsidian 自动对宽度等比缩放)

obsidian v1.6.7; win10.

我的理解其实这个 ![|宽x高]() 写法是 Obsidian 自己规定的, 别家软件 markdown 解析时未必也那么做

看了下,

  • 在实时阅览视图, 生成了 <img src="..." height="145"> (没有 width 属性)
  • 在阅读视图, 生成了 <img src="..." width="0" height="145"> (于是图片看不到了)

哪一种算是bug 应该把0看成0像素还是空

即未来如果调成一致, 是向哪个方向调? 这我也不知道, 从方便实用角度, 个人觉得 ![|0x145]() 甚至 ![|x145]() 都约定为只限制高度不限宽, 是最好的, 毕竟弄出个0像素图片不是常见需求


有没有 Markdown 原生的语法,可以实现对图片按高度缩放

在典型的 ![alt-text](url) 图片表示中, 似乎图片宽高都没法手动指定, 我个人理解 markdown 对这类 “精细需求” 的解法就是: 去写 HTML …

HTML 表达能力当然是强的, 但我并不想笔记里全都是 <img src="...">

Obsidian 里, 如果笔记里有大量需要调高度的图片, 可以考虑 css 单独加个样式, 见 关于本地图片高度的问题 楼主可以试试

2 个赞

ok,多谢,我一开始以为 [宽x高]() 是Markdown标准语法。那我还是看看优化一下css好了。本来一直在本地编辑都是实时阅览模式下也没什么问题。就是有一次导出pdf放手机上看的时候发现图都没了,吓我一跳。 :sweat: