markdown中插入图片怎么定义图片的大小或比例？

Posted 2023-03-28

一般情况来说，正常使用这个软件插入图片是不需要要调整图片的大小的。与正文宽度一致就行了。

问题在于很多编辑器的内容显示过宽，这样图片会占满屏幕，导致浏览不便，所以会觉得图片太大了，要调图片大小，而只调小图片反而会不协调。

---

主流资讯网站

我建议大家就是有空可以多去看看流量大的网站，主要涉及的是主流咨询这一方面的，电脑端的内容显示宽度通常为650px左右，比如知乎、豆瓣。这样图片高度占屏幕高度二分之一以内，上下内容都能看到，阅读起来就很好衔接。而且这个宽度很适合阅读，不会太宽读以致读下一行时不好定位，也不会太窄导致频繁换行。

图片太大

所以如果你认为这幅图太大了，你不能写，那么真正的东西不是图片的大小，而是内容的宽度;由于不同编辑器设置不一样，就拿我用的typora来举例吧：默认的主题最窄也有860px，减去留白也有800px，效果是这样的：图片占了大部分画面，下面的内空都看不到了

方法

这里有两个简便的方法希望能够帮助到你。代码写的也十分的简答，假如有出错部分的话，请多多指教。方法一：嵌入HTML代码使用img标<imgsrc="./xxx.png" width = "300" height = "200" alt="图片名称"align=center />方法二：使用支持图片大小更改操作的 Mou 编辑器使用如下语法

参考技术A

大多数的人都看不到这个问题的本质。在正常情况下，使用markdown写不需要调整图像的大小，这与文本宽度一致。

---

根本问题的是，很多编辑器太宽了，这张图片会布满屏幕，导致浏览不便，所以会觉得图片太大了，要调整图片的大小，但只有小的图片才会不协调。大家可以看一下主流资讯网站，电脑端的内容显示宽度通常为650px左右，比如知乎、豆瓣。这样图片高度占屏幕高度二分之一以内，上下内容都能看到，阅读起来就很好衔接。而且这个宽度很适合阅读，不会太宽读以致读下一行时不好定位，也不会太窄导致频繁换行。



所以假如你觉得这个图片太大了，不能写，它不是图像的大小，而是由于不同编辑器设置的内容的宽度不一样，就拿我用的typora来举例吧：默认的主题最窄也有860px，减去留白也有800px，效果是这样的：图片占了大部分画面，下面的内空都看不到了。

当你把它变成600px后，就好多了

虽然typora不提供设置的位置，但是可以修改CSS文件的整体宽度，例如github。我使用CSS目录：/Users/fwk/Library/Application Support/abnerworks.Typora/themes。另外，typora更新后会把主题文件替换掉，旧的会移到到old-themes目录，所以要记得备份一份。

参考技术B 1
由于本方法用到了word2013，所以还在使用低版本wrod的朋友，可以网络搜索下载新版的office2013，安装后启动Word2013。


2
打开word后，选择“页面布局”选项卡，并单击“页边距”按钮。


3
在弹出的快捷菜单中选择“自定义页边距”命令。


4
接着会弹出“页面设置”对话框，在“页边距”标签中，我们要修改“左右边距”，根据将要设置的图片的宽度大小，计算出左右边距大小。比如：我们要插入宽度为10厘米的图片，那么A4页面的左右边距就可以设为（21-10）/2，就是左右边距各为5.5厘米。设置完后点击“确定“。


5
返回word界面后，单击“插入”选项卡中的“图片”按钮，插入本机中的图片。


6
在弹出的“插入图片”对话框中选择要插入到word中的图片，单击右下角的“插入”按钮。


7
图片插入到word后，word就会自动对图片大小进行调整，调整的宽度就是我们刚才设置的10厘米。


8
在插入图片时，可以一次选中多张图片批量插入到word中。


9
批量把多张图片导入到word后，我们就可以看到的图片都按同样的宽度设置好了。


10
图片按统一的宽度大小设置成功后，再修改文档的页边距，图片的大小也不会再改变了。这时就可以输入文字，继续对文档进行编辑了。