【问题标题】:How to I change the size of an image in Github/Markdown?如何在 Github/Markdown 中更改图像的大小?
【发布时间】:2016-09-28 19:24:24
【问题描述】:

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

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

【问题讨论】:

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

标签: html github 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" width="200" />

【讨论】:

  • 这对我不起作用,因为他们在那里放了一个 max-width="100%" 样式标签。即使我尝试覆盖样式,它也不起作用。
  • @JohnErnest - max-width 样式不应该是个问题,除非你试图做一个大于 100% 的宽度。也许您将width 放在一个不起作用的样式标签中 - 您需要将width 作为属性放在To this: 行中
  • 我希望文本正好是 1260 像素,因为这就是屏幕截图的内容,但我必须通过使屏幕截图更宽以匹配屏幕分辨率来解决它,这样即使放大它也不会文字太大,看不清。
  • 感谢@JonathanWood 完美运行!
  • 谢谢!当您需要传递较小的图像时,这很好用??
【解决方案2】:

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

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

【讨论】:

  • 这不再是真的 - 请参阅下面的答案
【解决方案3】:

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

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

【讨论】:

    猜你喜欢
    • 2013-01-18
    • 2018-10-28
    • 2014-08-14
    • 2020-11-04
    • 2014-10-31
    • 2021-12-16
    • 2020-04-24
    • 2019-12-05
    相关资源
    最近更新 更多