个人网站的图片如果不加优化,一张照片可能就有5MB以上。

压缩工具推荐

TinyPNG/TinyJPG、Squoosh、ImageMagick。

格式选择

照片用JPEG,图标用PNG或SVG。

响应式图片

使用srcset为不同屏幕提供不同分辨率的图片。

懒加载

使用loading="lazy"属性延迟加载图片。

CDN加速

将图片存储在CDN上,用户从最近节点获取。