文章中插入的图片如何改变尺寸大小？

[kimiflower]

trafficstars

查询了网上好多办法，什么<img>标签、在链接后加等于号“=”后跟尺寸或比例......这些方法都不行， 唯一成功的就是CSS里加入： img[src*="#w80"] {width: 80%;} 图片格式写为： ![](./pic/xxxxx.png#w80)

但是此种方法会有如下问题：

1. 在部分浏览器中，图片会被强行拉伸；
2. 不同文章，但图片原始尺寸相同，使用此方法后，A文章中图片为居中显示，B文章中图片左对齐显示（我实在想不明白这是为啥...）。想让B文章的图片也居中显示，于是给B文章图片加</center>标签，却会导致浏览器预览时不显示图片。

求大佬解答....图片问题真是把我愁死了......

[EryouHao]

Markdown 渲染支持设置图片大小，例如：![test image](https://xxx/xxx.png =100x200)

设置后可以看生成的结果是否添加上，如果已经添加了，但是图片还是显示了其他 css 的值，则是主题问题了

[kimiflower]

Markdown 渲染支持设置图片大小，例如：![test image](https://xxx/xxx.png =100x200)

设置后可以看生成的结果是否添加上，如果已经添加了，但是图片还是显示了其他 css 的值，则是主题问题了

试了一下，还是不行，我使用的是Rocky主题，这个主题我还蛮喜欢的，就是图片尺寸问题太难受了......

下面这是正常插入图片后浏览器渲染的效果：

这是在地址后面直接设置图片大小后的渲染效果：

--

这是在Gridea文章编辑器中编辑的效果：

[Benyv0620]

如果你想要对全部图片缩放，而不是某一张图的话可以在 CSS 里修改和编辑，下面的max-width原本是 100%，修改合适数值即可。

.gt-post-content img {
    display: block;
    max-width: 50%;
    border-radius: 2px;
    margin: 18px auto;
}

[kimiflower]

如果你想要对全部图片缩放，而不是某一张图的话可以在 CSS 里修改和编辑，下面的max-width原本是 100%，修改合适数值即可。

.gt-post-content img {
    display: block;
    max-width: 50%;
    border-radius: 2px;
    margin: 18px auto;
}

emmmmm......这个方法我试了下，似乎没有变化.....只是修改css就可以么？不用在文章里加标记什么的？

[zhoubin-me]

@kimiflower 按你的方法非常好用。。。我在css里面加了这个

img[src*="#w50"] {
  display: block;
  width: 50%;
  height: auto;
  margin: auto;
}

[ultimateHandsomeBoy666]

@kimiflower 用 html 标签插入图片，尺寸可以直接指定 <img src="src-url" height="240px" width="160px" />

[shyhhh]

提交到 github 上的时候可以修改 makedown 图片大小吗？在 .md 文件里。目前已经试过以上方案了，不可行