调整图片尺寸

2023年3月24日 1 分钟阅读文档图片尺寸

学习如何调整图片尺寸。

赞助

成为我们的资助者或赞助商，以支持我们的工作。

本页内容

赞助商

语法

你需要指定 width 和 height 查询参数以调整图片尺寸。

公共图片和外部图片的原始大小不会被改变。

源码

1![Resize](/images/great-wall.jpg?width=300)

结果

源码

1![Resize](/images/great-wall.jpg?height=180)

结果

源码

1![Resize](/images/great-wall.jpg?width=300&height=180)

结果

源码

1![Resize](/images/great-wall.jpg?width=300&quality=100)

结果

源码

1![Resize](images/example.jpg?width=100&height=100)

结果

推荐使用 naturalWidth 和 naturalHeight 查询参数将外部图片的原始尺寸告知模块。

源码

1![Resize](https://avatars.githubusercontent.com/u/128204519?s=200&v=4&naturalWidth=200&naturalHeight=200&width=100&height=100)

结果