网页配图想再小一点？先转成 WebP 再看体积和清晰度

博客文章要上线，落地页首屏也要配图。手里是相机或导出的 JPEG、设计稿导出的 PNG，塞进页面后加载偏慢。这时很多人会想：能不能先换成 WebP 再上传？

下面就钉「网页配图转成 WebP」这条线。打开瘦图，拖一张进去，输出选 WebP，对照前后体积和预览，满意再下。一次处理一张。编码在本机浏览器里完成，文件内容不上传应用服务器，也不主动替你存结果；下载前别关页。页面仍可能加载广告、统计或 CDN 脚本——不声称「文件永不离开设备且无第三方」。格式说明见使用指南。永寅这边的本地小工具，打开就能试。

什么时候该想「转 WebP」，而不是只压一档

博客/落地页配图、首屏图偏大；目标是换格式

聊天发图、泛泛「随便压一下」另有说法。本篇场景更窄：你要把图放进网页——博客插图、落地页头图、店铺说明图——希望同观感下体积更友好，所以先试 换格式到 WebP。

这和「同一格式里拧质量滑杆」不是一回事。换 WebP 是换编码器路线；是否更小，要看原图内容，以你眼前的前后对比为准，别预设「一定省多少」。

JPEG、PNG 转 WebP 大概怎么选

照片多走 JPEG→WebP；带透明可试 PNG→WebP

够用的分工（细节以 /guide 为准）：

照片、人像、风景，本来是 JPEG： 可直接试转 WebP，对照清晰度和体积。
带透明底的 PNG（图标、简单 UI）： 可试 WebP，自己看预览透明还在不在；JPEG 本身没有透明，别指望从 JPEG「恢复」透明。
界面截图、大段文字： 边缘锐不锐、字糊不糊，以预览为准再定要不要换；不必在这里展开整套截图格式辩论。

透明能力以浏览器编码结果为准——写「自己看预览」比背兼容名单靠谱。对方后台或某环境不认 WebP 时，退回 JPEG/PNG 即可。

瘦图里怎么转成 WebP

拖入一张 → 选 WebP → 调质量 → 看前后 → 下载

打开瘦图首页
拖入一张图（一次一张）
输出格式选 WebP
拖质量相关选项，对照体积数字和预览
观感能接受再下载；觉得糊，把质量往回调，或继续用原格式

GIF 在站内说明里往往只取首帧，别当完整动图转换器用。HEIC 须先在本机导出成 JPEG/PNG 等支持格式，再拖进瘦图。结果以你下载的那份为准。

质量数字不是「体积百分比」

编码器参数，自己拖滑杆看观感

质量滑杆是编码器参数，不是「转成原体积的百分之几」。数字往上，通常更清晰、体积也可能更大；往下则相反——但具体曲线因图而异，别背某个「官方百分比」。

习惯：先拖到你觉得「网页上还能看」的位置，看体积有没有下来。不满意就改，别死磕一个数字。

转完更大、或预览不满意

没必要下载更大的文件

有的图转完 WebP 反而更大，或预览里边缘发糊。这时候：

改质量再试一档
或继续用原来的 JPEG/PNG
没必要下载更大的那份

「是否一定更小」要看原图。转完若更大就别下——这句话比任何口号都管用。

本地编码、脚本另说

瘦图在本机浏览器里编码，文件内容不上传到应用服务器，也不主动存档。下载完成前别关页。页面仍可能有广告、统计或 CDN，隐私表述以站内隐私说明为准，勿理解成「永不离开设备且无任何第三方」。

常见问法

JPEG 或 PNG 怎么转成 WebP？
打开瘦图，拖入一张图，输出格式选 WebP，拖质量滑杆对照预览和体积，满意再下载。一次处理一张；处理在浏览器内，文件内容不上传应用服务器。

网页配图为什么常转 WebP？
同观感下，WebP 往往比同等 JPEG/PNG 更省体积，适合博客、落地页配图。是否「一定更小」要看原图；转完若更大就别下，继续用原格式或改质量即可。

转 WebP 会不会上传图片？
瘦图在本机浏览器里编码，文件内容不上传到应用服务器，也不主动存档；下载完成前别关页。页面仍可能有广告、统计或 CDN，勿写成「永不离开设备且无任何第三方」。

质量滑杆怎么调？转完更大怎么办？
质量是编码器参数，不是体积百分比。自己拖着看预览。转完更大就改质量，或保留原格式，没必要下载更大的文件。

透明 PNG 转 WebP 还保透明吗？GIF、HEIC 呢？
透明以预览为准，自己核对。GIF 通常只取首帧；HEIC 须先导出成支持格式再转。

和泛压缩、PNG 截图专题啥关系？
发微信/网页「随便压一下」见同站压缩向旧文；截图该不该死磕 PNG 见截图专题。本篇只盯网页配图转 WebP。更全的格式说明见指南。