如何在 Github/Markdown 中更改图像的大小？

Posted 2023-03-15

【中文标题】如何在 Github/Markdown 中更改图像的大小？

【英文标题】：How to I change the size of an image in Github/Markdown?

【发布时间】：2016-09-28 19:24:24

【问题描述】：

我正在 Github 存储库中编辑 Readme.md 文件并插入了一张图片（请参阅 https://github.com/khpeek/FMCW-radar）。图片占据了整个宽度，但那样颗粒感很大，我宁愿让它更小。有什么办法吗？

附：我已经尝试过命令 How to change image size Markdown?，但它们似乎不起作用。

【问题讨论】：

如果答案正确，请单击答案旁边的复选标记以标记为正确

【参考方案1】：

您可以使用 html img 标签中的图片链接来更改 GitHub markdown 中图片的大小：

从这里：

![image](https://user-images.githubusercontent.com/link-to-your-image.png)

到这里：

<img src="https://user-images.githubusercontent.com/link-to-your-image.png"  />

【讨论】：

这对我不起作用，因为他们在那里放了一个 max- 样式标签。即使我尝试覆盖样式，它也不起作用。

@JohnErnest - max-width 样式不应该是个问题，除非你试图做一个大于 100% 的宽度。也许您将width 放在一个不起作用的样式标签中 - 您需要将width 作为属性放在To this: 行中

我希望文本正好是 1260 像素，因为这就是屏幕截图的内容，但我必须通过使屏幕截图更宽以匹配屏幕分辨率来解决它，这样即使放大它也不会文字太大，看不清。

感谢@JonathanWood 完美运行！

谢谢！当您需要传递较小的图像时，这很好用??

【参考方案2】：

您必须在图像编辑器中缩小图像。您无法在 GitHub 的 markdown 风格上更改图像大小。

另外：The image 已经很粗糙了，这不是其大小变化的结果。

【讨论】：

这不再是真的 - 请参阅下面的答案

【参考方案3】：

对于带有链接的图片，我使用了这个。

[<img src="./assets/sql.svg"  />](./link/to/sql/file)