Image Studio
重新编码、缩放和矢量化图片，实时对比转换前后效果。 所有处理都在本地完成，不会上传任何内容。
- 输入
- PNG · JPEG · WebP · GIF · BMP · TIFF · ICO · SVG
- 输出
- WebP · AVIF · JPEG · PNG · SVG
拖入要转换的图片
PNG、JPEG、WebP、GIF、BMP、TIFF、ICO 或 SVG。一切都在浏览器中运行——文件不会离开你的设备。
不离开浏览器就能转换和压缩图片
大多数在线转换器要求你把文件上传到一台一无所知的服务器，排队等待，再下载结果。这个工具在本地完成工作。编解码器是编译为 WebAssembly 的 Rust crate，在 Web Worker 中执行，因此一张 1200 万像素的照片重新编码时页面不会卡顿，也没有一个字节离开你的设备。
选择输出格式
| 格式 | 适合 | 代价 |
|---|---|---|
| AVIF | 最看重文件大小的照片 | 编码最慢；非常旧的浏览器需要回退方案 |
| WebP | 照片和界面图片都适用的稳妥默认选择 | 同等质量下比 AVIF 略大 |
| JPEG | 最大兼容性，包括老旧软件 | 没有透明通道；透明区域会被压平为白色 |
| PNG | 截图、纯色图形，以及任何需要透明通道的内容 | 无损压缩，因此照片类内容的文件会很大 |
| SVG | 需要无损缩放的标志、图标和线稿 | 照片描摹后会产生巨大且无法使用的文件 |
把 PNG 或 JPG 变成 SVG
矢量化不是改个扩展名那么简单。描摹器把相邻像素归为颜色区域，沿每个区域的边界行走并拟合样条曲线，生成可以在 Figma、Illustrator 或 Inkscape 中打开和编辑的路径。先用斑点过滤去掉压缩噪点，如果平坦区域出现色带，再提高颜色精度。对于单色标志，把颜色模式切换为黑白——输出会小得多，也干净得多。
本站顶部的变色龙正是这样做出来的：原始作品是一张 JPEG，你看到的标志就是本页面自带的矢量化工具描摹出的结果。
常见问题
- 如何把 PNG 转换成 AVIF？
- 把 PNG 拖到画布上，在输出面板中选择 AVIF，然后调整质量直到预览效果满意。同等质量下，AVIF 通常比 WebP 小 30-50%，代价是编码更慢。
- 能把位图转换成 SVG 吗？
- 能。选择 SVG 后，位图会经过矢量描摹器处理，它为颜色区域拟合曲线并写出真正的矢量路径，可在 Figma、Illustrator 或 Inkscape 中打开。它最适合标志、图标和线稿；照片会生成非常大的 SVG，还是保留为 AVIF 或 WebP 更好。
- 支持哪些图片格式？
- 输入：PNG、JPEG、WebP、GIF、BMP、TIFF、ICO 和 SVG。SVG 会先在浏览器中栅格化再编码，因此你可以把矢量标志转换成可用分辨率的 WebP、AVIF、JPEG 或 PNG。输出：WebP、AVIF、JPEG、PNG 或 SVG。
- 编码强度滑块到底改变了什么？
- 它用编码时间换取更小的文件。对于 AVIF，它控制速度设置，更慢的搜索能找到更好的预测；对于 PNG，它选择 deflate 级别。质量不受影响——只影响文件大小和等待时间。
- 为什么透明 PNG 转成 JPEG 后背景变白了？
- JPEG 没有透明通道。编码器不会让透明部分直接丢失而留下黑边，而是把图片压平到白色背景上。如果需要保留透明，请选择 WebP、AVIF 或 PNG。