前端/运营做图片优化，我常用的几个在线工具与取舍

做前端和运营这几年，图片优化基本成了每周都要碰的一件事。落地页配图太大拖慢首屏、Banner 得转 WebP 省流量、老素材尺寸不够要放大、抠个产品图去背景配文案——这些活单拎出来都不大，但攒一块儿也够烦。真要每次都开 Photoshop、每次都写脚本，成本反而压过收益。

这两年在线工具确实越来越能打，很多需求打开网页拖进去就完事。但工具多了也有个坑：不同的活该用不同的工具，用错了要么效果差、要么白费功夫。这篇按我实际的任务流来讲——压缩、转 WebP、改尺寸、抠图配图、放大——各自我常用什么、边界在哪，以及什么时候就该收手走脚本进 CI。

工具域名我都写成纯文本（自己复制去搜），方便你收藏。先给个总判断：在线工具的甜区是低频、小量、不涉及敏感图；一旦是上千张进构建、或图片本身敏感（合同、证件、内部资料），别在网页上一张张点，老老实实上 sharp / cwebp / pngquant。

一、压缩：先分清有损还是无损

图片优化里收益最直接的就是压缩。但动手前得先想清楚一件事：这张图能不能有损。产品截图、带文字的图，有损压过头会糊字；照片、摄影素材，有损压一半肉眼几乎无感。

TinyPNG（tinypng.com）
PNG/JPEG 有损压缩的老常客，压缩比很实在，体积经常掉一半以上而肉眼看不出差别。支持一次拖多张，日常够用。边界是免费版单批张数和体积有限，且图会上传到它服务器——敏感图慎用。

Squoosh（squoosh.app）
Google 出的开源工具，最大的好处是纯浏览器本地处理、图不上传——涉及不想外传的图，这一条就够选它了。左右对比滑块能实时看压缩前后画质，质量参数手动拉，适合想精细控制的人。缺点也明确：基本一次一张，批量不如命令行顺手。

边界：几张到几十张、想直观对比画质，在线工具最舒服。真到构建流程里成百上千张，别手点了——sharp 一段脚本能把压缩、转格式、改尺寸一次做完，还能塞进 CI 每次自动跑。手工压出来的图迟早会因为"这次忘了压"而漏网，脚本不会。

二、转 WebP / AVIF：临时用在线，长期进脚本

WebP 现在兼容性早就够了，同画质下比 JPEG 小 25%~35%，是前端省流量的默认动作。AVIF 更狠但编码慢、老浏览器还得留 fallback。

Squoosh（squoosh.app）
它本身就是趁手的格式转换器，导出 WebP、AVIF、JPEG 都行，同样本地处理不外传。单张精调、想手动比一下 WebP 和 AVIF 哪个划算，我一般直接用它。

CloudConvert（cloudconvert.com）
覆盖格式极广的在线转换站，图片、文档、音视频都能转，图片侧连 HEIC、AVIF 这些冷门格式互转都支持。适合"手边没工具、就想快速转个格式"的临时需求。边界是免费额度按次数算，重度批量不划算。

边界：临时转几张、或碰上 HEIC 这类不常见格式，在线站救急最快。但日常构建里的批量转 WebP，强烈建议固化成脚本——cwebp -q 80 in.png -o out.webp 一条命令，配合 <picture> 标签给不支持的浏览器留 JPEG 兜底，一次写好长期重放。在线工具在这类高频重复活上，纯属体力浪费。

三、改尺寸：注意别被"放大"坑了

响应式图片经常要一份素材切好几个尺寸。缩小很安全，随便哪个工具都行，重点是别忘了同时压一遍。真正的坑是放大——原图不够大硬拉，传统的双线性/双三次插值只会越放越糊，补不出不存在的细节。

缩小这类活我一般顺手在 Squoosh 里 resize 完直接导出，一步到位。批量切多尺寸还是回 sharp：一个 .resize(width) 循环把 320/640/1280 几档一次生成，配 srcset 用，比在网页上手动切省太多事。

真需要放大补细节，就不是插值能解决的了，得靠超分模型——放到第五节讲。

四、抠图 / 去背景：配图场景的高频活

运营配图、产品图上落地页，经常要把主体抠出来换个干净背景。这类活传统脚本很吃力：ImageMagick 的 -fuzz + -transparent 只对纯色背景管用，稍微复杂的背景、头发丝、半透明边缘就是一片狼藉——本质上这靠训练过的模型，不是写规则能搞定的。

remove.bg（remove.bg）
老牌抠图站，专注去背景一件事，人像、商品图效果稳定，上传即出、速度快。边界很清楚：免费版下载分辨率受限，要高清或批量得走它的付费/API；而且它只做"去背景"，抠完想接着换背景、修边缘，还得再找别的工具。

图叮 AI（tudingai.cn）
国内的 AI 修图工具，网页版和 PS 插件都有。抠图去背景之外，还能顺手换背景、AI 消除、去水印这些相邻操作，算是"抠完不用来回换工具"的一站式思路，配图场景省心。有免费试用额度，适合先拿自己的图试一批看效果对不对口味。边界跟所有在线抠图一样：批量特别大或图片敏感时，还是掂量下要不要走本地方案。

边界：单张到几十张、要好边缘、自己不想装环境，在线抠图最划算。真到上千张的电商流水线，评估带 API 的方案，或本地 rembg（Python 一行 rembg i in.png out.png），能进自动化也不用一张张传。

五、放大 / 超分：能补细节，但别指望还原奇迹

第三节留的尾巴：素材偏小、偏糊又得放大，只能靠超分模型补细节。

图叮 AI（tudingai.cn）
它的超分高清放大能把偏小、偏糊的图放大同时补细节，人像、插画、老素材这类拖进去出结果，省掉本地搭模型环境的功夫。有免费额度可以先拿自己的图验一下。边界要说实话：AI 超分是"猜"细节，对纹理丰富的图效果好，但别指望它把重度马赛克还原成真实原貌——那超出任何超分工具的能力。

waifu2x（waifu2x.udp.jp）
老牌开源超分，对二次元插画、线稿类放大 + 降噪尤其好，网页版免费直接用。边界很明确：它擅长动漫/插画，真实照片、复杂人像不是强项，那类场景换别的模型更合适。

边界：超分适合"素材偏小、要放大又不想糊"。但原图信息量实在太少（极小缩略图、重度压缩），再强的超分也补不出不存在的东西——这时候该做的是找回高清原图，而不是硬放大。别把超分当万能药，它是补位不是变魔术。

最后：一条我给自己定的线

工具列这么多，实际用法其实就一句话——按任务反查，别囤着吃灰：压一批图掏 TinyPNG 或 Squoosh，转冷门格式上 CloudConvert，抠图配图找抠图站，小糊图上超分。

但真正决定效率的，是那条"什么时候该收手"的线。我给自己定的是三条：

• 量大就别手点：上千张、要进构建流程，走 sharp / cwebp / pngquant 进 CI。手工优化最大的风险不是慢，是"这次忘了做"——脚本不会忘。
• 敏感图优先本地：合同、证件、内部资料，选纯本地处理不外传的（比如 Squoosh），或干脆本地跑，留意在线站会不会留存上传图。
• 专业级效果回桌面：精修、精细合成，在线工具是补位不是替代，该开 Photoshop / Affinity 就开。

在线工具的价值从来不是取代脚本或专业软件，而是把大量低频小活从"要装环境、要写命令"降级成"拖进网页点一下"。分清哪些该拖网页、哪些该进 CI，比多收藏几个工具有用得多。