ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

图映ImgIng,一个在浏览器里免费处理图片的工具

图映ImgIng,一个在浏览器里免费处理图片的工具 处理一张图非得先传上去——这习惯是被那些服务端工具惯出来的。真掰着手指头数一遍会发现平时那些活压缩、换格式、抠个底、做张动图、把图里的字抠出来大部分浏览器自己就能干。我们一件件往里搬也撞出一条不太好看的边界。先说清楚我管哪块端侧的编解码和模型加载是我在弄抠图算法和 PDF 引擎不是我做的底下提到那两块我只讲看到的现象。为什么不放服务器最要紧的那条是我们不碰用户的图。市面上的在线图片工具路子几乎都一样——上传、处理、下载。图进了对方服务器存多久、谁能看、有没有真删全凭一句话隐私政策写得再规矩也是承诺而承诺没法验证。可很多人要处理的恰恰是不该到处跑的东西证件、合同、没上架的商品图、带人脸的素材。跑在浏览器里就没这个问题图从头到尾没离开你的设备而且这句话能被验证按 F12 打开 Network 面板处理一张图全程看不到上传请求预览图地址是blob:开头那是浏览器内存里的对象压根没走网络。十秒钟比读一页隐私政策实在。有件容易混的事得说清首次用某些功能会往你这边下东西比如 AI 模型、某些格式的解码器方向是从服务器到你浏览器跟把图传出去正好相反看 Method 就能分——GET 是取回来POST 才是送出去。成本上的好处是顺带的处理跑在你设备上多处理一次对我们成本没变化所以才敢免费、不限量、不注册、无水印服务端每次调用都在烧钱必然要限量要注册要引导付费不是它们小气是账算不过来。代价也实在吃你的设备老机器上跑 AI 抠图明显慢有几个格式本地确实干不了得交服务端。我们从不讲全部零上传。浏览器里现在能干哪些活图片这边有压缩按内容自动定参数截图和照片给的档不一样、格式转换读入十几种常见的直接本地出、AI 抠图模型按需下载跑在本地、动图工坊GIF、APNG、动图 WebP 互转能逐帧改时长、删帧、重排、多语言 OCR保留文字位置和表格行列、在线做图、AI 变高清文档这边有 PDF 压缩保住文字层和链接、PDF 转图片、内嵌原图提取、内容提取、PDF 转 HTML还有 DOCX、PPTX 转离线 HTML。这些全部在你的设备上完成图不上传。这就是图映ImgIng一个免费的在线图片处理工具。自研那部分两个数字PNG-8 减色在参考样例 256 色下拿到 45.8dB同样例 pngquant 43.4dB动图帧间差分公开样例同一张图 843KB 压到 350KB。敢放本地是因为考虑那么多了一开始可没这底气。判断这浏览器能不能干这活我们拿的是 UA 加一张兼容性表查版本、查格式对得上就开给他。结果在一个 App 的内置浏览器里栽了——那环境显示 WebP 好好的可canvas.toBlob一请求 WebP它闷声回你一张 PNG不报错后缀还是.webp用户下下来发现体积没变小。毛病出在「支持 WebP」这五个字上它在表格里是一个格子运行时是好几件事能不能解码进来、canvas 能不能编出去、编出来的是不是 WebP。表格没错是我们的结论错了。后来的改法特别笨不猜了每项能力都在用户浏览器里真跑一遍。拆开是六项——输入解码、画布处理、输出编码、多线程 WASM、WebGPU、写盘。真解一次、真编一次两头都通才标成即时要下 WASM 的标端侧都不行的才交服务端。界面上那三种颜色的芯片就是检测结果它说的不是这格式我们支持是你这台设备此刻能不能干。这套东西写完有个没预料到的副作用哪些功能敢放进来不是产品拍板是检测说了算。顺带一个测的时候才发现的事几个不支持的格式返回的 blob 大小一模一样都是 95 字节——同一张 1×1 的兜底 PNG这数字后来成了我们判断有没有被静默降级的土办法。哪几样没搬动HEIC 写、TIFF、JPEG 2000 走服务端HEVC 有专利编码器体积也扛不住本地这条路走不通界面上用颜色标着选之前能看到。HTML 转 PDF 点击转换后会把去脚本的快照提交给同源无头 Chromium也不是纯本地这条写在页面上不含糊。所以图片不上传在我们这儿是有范围的只对走本地那条路的功能成立。视频压缩这几天刚开我还没跑过。还有一件没解决检测本身要花时间。头一回进页面得真跑一遍编解码样本图很小可低端机上那零点几秒还是能感觉出来。缓存试过但用户换浏览器、系统升级之后就不准了现在是缓存加短过期凑合着用。这块我一直觉得不够漂亮也没想到更好的办法——每次都测有损体验缓存太久就退回到猜而猜正是当初要解决的问题。
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进