前言

首先，为什么需要图片优化呢？比如说一个没有经过优化的 200KB 图片放到 Github Pages 上面，然后使用国内网络访问文章网址，就会发现，这个图片的加载速度实在是太慢了，至少需要10几秒的那种，有时候快一点说不定可以不用等这么长时间。所以这个时候就需要一个优化图片的方案了。

截图软件压缩图片

好的，这里以 Sinpaste 为例，可以在 Sinpaste 的首选项中将图片质量改为30。

第一步：

第一步

第二步：

第二步

这样的话就可以保证图片的大小不会特别大，然后需要注意的是：截图面积尽可能更小一些，如果截图面积太大的话体积也会随之增多，不利于图片加载。如果是要部署到 Github Pages 的话建议图片大小为20KB以下，最好是10KB，保持这个大小的图片加载速度会很快。

如果图片体积不得不超出20KB的范围，那就需要让图片体积变小，图片体积变小有两种方式，第一种：图片转换，第二种：有损压缩。

电脑自带的画图软件可以帮助图片减少分辨率，不需要其他网站工具的帮助也可以轻松实现这一点。首先找到一张图片，然后右键点击这张图片，选择打开方式选项中的画图。

画图打开

然后点击重新调整图片大小。

调整图片大小

选择像素，然后按照需求调整图片的像素就好了，比如图片本身大小为2400像素，实际显示大小为480像素，这个时候可以考虑给图片降低分辨率来减少图片大小从而实现优化。

调整分辨率

完成之后只需要点击确定然后 Ctrl+S 保存即可，这个图片就已经调整完毕了。

首先是图片转换，图片转换的话可以使用转换图片工具来将图片转为 WEBP 和 AVIF，此两种图片转换形式可以让图片更小，比如原图100KB，转换之后的大小就是51.3KB，效果很明显。

转换图片

当拿 WEBP 和 AVIF 对比之后会发现，AVIF 的压缩效果会比 WEBP 还要强，AVIF 与 WEBP 相比提升了27%的压缩性能，但是 AVIF 也有明显的缺点，以下是浏览器支持度。

WebP

AVIF

可以得知，WEBP 几乎是所有浏览器基本全部支持，而支持 AVIF 的浏览器却在国内很少见，所以说还是使用 WEBP 转换比较好。

如果图片体积还是做不到更低的话，那就可以通过有损压缩的方式来减轻加载负担，这里有一个小工具可以使用 Imagine 可以去 GitHub 下载。

Imgine

只需要将图片以从本地拖入即可压缩图片大小，也支持批量压缩。

如果不是重要的图片，并且希望在网站中放一张大图作为展示，那么一个图床是最好的选择，但是也不能上传违法的东西哦！图床有这些：

这几个图床里面最好用的应该就是 smms 和 https://imgur.com/，但是 smms 最近的延迟实在是太高，有时候加载速度可以瞬间将图片渲染出来，但是有时候延迟会非常慢，加载速度不理想。至于 imgur 这个图床…

响应超时

国内也没办法用。其次就是微博图床了，但是微博图床早在2019年就已经开启了防盗链，所以微博图床也是不可用的。目前就只能使用路过图床了，或者其他一些国内的图床，就是不知道会不会跑路。

虽然说图床可以很方便的减轻负担，但是最好的方法还是要看自己的优化，和网站的速度。所以说，有的时候使用图床不是一个好选择。