case-study · 网站图片体积优化案例

不改尺寸减少网页图片体积

这个案例在不改变像素尺寸的情况下,减少一组网页图片体积。

案例结果

  • 输入:4 张混合网页图片,共 601 KB。
  • 步骤:将可转换资源转为 WebP q78。
  • 输出:总量降到 334 KB。
  • 限制:目标环境必须接受 WebP。

输入、步骤、输出和限制

阶段设置或检查实测结果选择限制
InputPhoto, screenshot, transparent, flat601 KB totalCandidate setNo resize
StepConvert photo to WebP q78310 KBKeep if supportedReview quality
StepConvert screenshot, transparent, flat24 KB totalKeep if supportedTransparency check
OutputWebP set334 KB total44% smallerFallback may be needed

输入

案例使用与 Benchmark 页面相同的生成样本,因此文件体积可以复现。

案例不使用、上传或保存访问者图片。

步骤

流程会记录原始格式和体积,测试一个或多个输出设置,检查可见结果,并保留仍符合任务的最小文件。

相关 Benchmark 解释了格式或质量设置背后的原因。

输出

输入:4 张混合网页图片,共 601 KB。

步骤:将可转换资源转为 WebP q78。

输出:总量降到 334 KB。

限制:目标环境必须接受 WebP。

限制

这是实测任务示例,不保证每个文件得到同样结果。

细节、噪点、透明度、文字、动画或平台规则不同,都可能需要不同参数。