markdown 插入图片太大?怎么设定图片大小?

时间:2024-03-07 14:45:33

你一定在插入图片的时候,遇到图片太大,影响观感的问题。

Markdown中,图片大小的设定方式有两种

不通过![](url)这种格式上传图片,用<img>标签替换。

<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png"  style="zoom: 33%;" />
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png"  style="zoom: 25%;" />

这种方式,是通过html标签引入,通过指定css样式来实现调整图片尺寸的的,你还可以通过内联样式

<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" width="200px" />

或者这样的css样式

<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" style="width:200px" />

这几种方式没有多大区别,看你觉得那种相对高效一点而已。 虽然都差不太多都挺麻烦。
MarkDown本身是不支持By Design的,它只专注于写作。但是我们确实有需求。通过img标签是最为通用的办法,你在任何编辑器中基本都是适用的。但是,许多编辑工具是有独自的辅助功能的,让你可以快速调整图片尺寸。 还有一些编辑器和网站,各种奇淫巧计改变图片尺寸,例如![](url =widthxheight),还有![](url 50%)等等。确实都是很不错的设计。可惜原生不支持,没有统一标准,百花齐放,每个编辑器都不同,这就造成了文章的兼容性很差。