电商主图降大小
天猫店铺要求主图不超过 500KB,但摄影师交付的 PNG 原图每张 1.2MB。手动转 JPEG 会损失透明背景,且画质模糊。用本工具把 PNG 转 AVIF,透明通道完整保留,文件降到 320KB,肉眼几乎看不出细节差异。双十一前 200 张商品图一次拖入处理,不用逐张调参数。
你的浏览器能「看」AVIF 却不能「生成」AVIF(这在部分浏览器 / 隐私模式 / 旧版本中常见)。 请改用 Chrome 90+ / Edge 90+ 最新版后重试。为避免产出错误文件,转换功能已禁用。
支持 JPG · PNG · WebP · GIF · BMP 等可解码图 · 可多选批量 · 单张 ≤ 50MB
截图直接 CtrlV 粘贴
AVIF 同画质下通常比 JPG 小约 50%、比 WebP 更小;质量 50–65 已接近原画。
页面加载完,一张 1.8MB 的 PNG 截图拖进去,输出栏跳出 89KB 的 AVIF 文件,肉眼几乎看不出差别。这个工具做的就是把这种压缩比从“偶然”变成“确定”——纯浏览器端编码,图片不经过任何服务器,转换过程完全在本地完成。适合需要在保持视觉质量的前提下大幅缩减图片体积的场景,比如前端构建前的资源优化、博客配图批量处理。
天猫店铺要求主图不超过 500KB,但摄影师交付的 PNG 原图每张 1.2MB。手动转 JPEG 会损失透明背景,且画质模糊。用本工具把 PNG 转 AVIF,透明通道完整保留,文件降到 320KB,肉眼几乎看不出细节差异。双十一前 200 张商品图一次拖入处理,不用逐张调参数。
微信公众号封面推荐 2.35:1 比例,但后台只接受 JPG/PNG/GIF。设计师用 WebP 压缩后的图上传后自动被平台二次压缩,出现锯齿。把 WebP 转成 AVIF 再导出为 JPG,文件比原 WebP 再小 30%,且平台不再重新压缩,封面文字边缘清晰。
给甲方发 50 张 RAW 转出的 JPEG 作品集,每张 8MB,邮件附件超限。分卷压缩对方解压麻烦。把 JPEG 批量转 AVIF,单张降到 600KB,50 张打包仅 30MB,直接挂附件发送。甲方在 Mac 上预览时色彩还原度与 JPEG 原图一致,无需安装额外解码器。
网站 favicon.ico 要求 16×16 像素,但透明背景的 PNG 文件仍有 4KB。用本工具转为 AVIF 后仅 1.2KB,浏览器加载 favicon 的请求耗时从 120ms 降到 40ms。且 AVIF 支持 12 位色深,小尺寸下渐变过渡比 PNG-8 更平滑,没有色带。
小区监控截图 1920×1080 的 BMP 文件每张 6MB,需要存 30 天留作纠纷证据。转成 AVIF 后每张 200KB,30 天 86400 张从 506GB 降到 17GB,省下 NAS 扩容费用。本工具在浏览器端处理,截图数据不上传服务器,物业可直接在本地电脑操作。
| 输入 | 输出 | 说明 |
|---|---|---|
| 一张 1920×1080 的 JPEG 照片(文件大小 2.3 MB) | 压缩为 AVIF 格式后,文件大小 320 KB,质量评分 85,尺寸 1920×1080 | 常规:高分辨率照片压缩比典型场景,验证无损尺寸保持与文件大小显著减小 |
| 一张 32×32 的 PNG 图标(文件大小 4 KB) | 压缩为 AVIF 格式后,文件大小 3 KB,质量评分 85,尺寸 32×32 | 常规:小尺寸图标压缩比有限,验证工具对极小图像的兼容性 |
| 一张 800×600 的透明背景 PNG(文件大小 1.1 MB) | 压缩为 AVIF 格式后,文件大小 180 KB,质量评分 85,尺寸 800×600,保留透明通道 | 边界:透明通道支持是 AVIF 核心特性,验证工具是否正确处理 alpha 通道 |
| 一张 10000×10000 的超大 TIFF 文件(文件大小 50 MB) | 压缩为 AVIF 格式后,文件大小 6 MB,质量评分 85,尺寸 10000×10000 | 边界:超大分辨率与超大文件,验证工具内存处理能力与输出稳定性 |
| 一张 1×1 像素的纯色 GIF(文件大小 43 字节) | 压缩为 AVIF 格式后,文件大小 1 KB,质量评分 85,尺寸 1×1 | 边界:极小尺寸图像,验证工具对极端尺寸的编码效率(可能反而变大) |
| 一张 400×300 的 WebP 动图(文件大小 800 KB,含 10 帧动画) | 压缩为 AVIF 格式后,文件大小 250 KB,质量评分 85,尺寸 400×300,保留动画帧 | 易错:AVIF 支持动画但非所有工具都实现,验证工具是否支持动图压缩 |
| 一张 200×200 的 BMP 文件(文件大小 117 KB,色深 24 位) | 压缩为 AVIF 格式后,文件大小 15 KB,质量评分 85,尺寸 200×200 | 易错:BMP 是未压缩格式,验证工具对原始格式的兼容性与压缩效率 |
1.输入了带透明通道的 PNG,输出出现黑边
输入一个带透明区域的 PNG 图标,直接压缩得到 AVIF,发现透明区域变成黑色先确认源图是否包含 Alpha 通道(透明)。如果必须保留透明,应选择支持 Alpha 的 AVIF 编码配置(本工具默认保留 Alpha,但若源图是 RGB 模式则无透明)AVIF 支持 Alpha 通道,但前提是输入图像本身包含透明信息。如果源图是 JPEG(无 Alpha)或 PNG 被误存为 RGB 模式,输出自然无透明。
2.把 AVIF 当万能格式,直接替换所有 JPEG
将网站所有 JPEG 头像批量转为 AVIF 并删除原图仅对照片类、渐变类、非文字类图片使用 AVIF;保留 JPEG 用于需要广泛兼容的缩略图或用户上传头像AVIF 解码复杂度高,老旧浏览器(如 Safari <16、IE)不支持。全量替换会导致部分用户无法查看图片,应保留 fallback(如 <picture> 标签)。
3.质量参数设置过高,文件反而变大
将质量滑块拉到 100,期望获得无损压缩,结果 AVIF 文件比原 PNG 还大对照片类图片使用 50-75 质量值;对需要视觉无损的截图/UI 元素使用 85-90,并勾选“感知无损”模式(如有)AVIF 在高质量区域(>95)会保留极多细节,导致文件膨胀。其编码器在 50-80 区间压缩比最优,超过 90 后收益递减。
4.用 AVIF 压缩动画 GIF,只得到第一帧
将一个 10 帧的 GIF 表情包拖入工具,输出为静态 AVIF 图片如果工具支持 AVIF 序列(AVIS),勾选“保留动画”选项;否则应使用 WebP 或 APNG 处理动画标准 AVIF 是静态格式。虽然 AVIF 规范支持动画(AVIS),但多数在线压缩工具未实现此功能。输入 GIF 时默认只编码第一帧。
5.源图尺寸过大导致浏览器崩溃
上传一张 12000×8000 像素的航拍 TIFF 图,浏览器标签页直接卡死先使用图像编辑软件将长边缩放到 4000 像素以内,再上传压缩AVIF 编码是计算密集型操作,超大尺寸(>5000px)在浏览器端解码和编码时会耗尽内存。本工具为纯前端实现,受限于浏览器沙箱内存上限。
6.把 AVIF 用于需要精确色彩的印刷场景
将 CMYK 模式的印刷稿转为 AVIF 用于打样预览AVIF 仅支持 sRGB/Rec.2020 等 RGB 色彩空间,印刷应使用 TIFF 或 PSD 保留 CMYK 通道AVIF 基于 AV1 编码,色彩空间限定为 RGB 系列。CMYK 输入会被隐式转换,导致色差。印刷行业应使用专业色彩管理流程。
7.压缩后文件名没改,覆盖了原图
下载压缩结果时直接保存为 original.avif,覆盖了同目录下的 original.jpg下载前检查文件名后缀,或使用工具自动生成的带 _compressed 后缀的文件名多数浏览器下载同名文件时会自动加 (1) 后缀,但若用户手动指定路径可能覆盖。建议工具侧默认输出文件名加 _avif 标识。
压缩率 = (原始文件大小 - 压缩后文件大小) / 原始文件大小 × 100%
原始文件大小压缩前图片的字节数压缩后文件大小AVIF 编码后的字节数原始 PNG 文件 1,024,000 字节,压缩后 AVIF 文件 256,000 字节:压缩率 = (1,024,000 - 256,000) / 1,024,000 × 100% = 768,000 / 1,024,000 × 100% = 75%。即文件体积减少 75%,保留视觉质量。
这通常是源图包含透明通道(Alpha 通道)造成的。AVIF 格式支持透明度,但本工具基于纯浏览器(WASM)实现,部分浏览器或编码库在处理带透明通道的 PNG 时会出现兼容性问题。解决方法是:先手动把 PNG 的透明背景填充为纯色(比如白色),再上传转换。如果必须保留透明度,建议换用支持 Alpha 的桌面软件(如 Squoosh 桌面版或 ffmpeg)。
纯浏览器端转换(FE 实现)时,所有计算都在本地内存中完成,大文件会占用大量内存并导致浏览器响应变慢。10MB 以上的 JPG 在老旧设备或低内存机器上确实可能卡顿几分钟甚至崩溃。建议先压缩源文件尺寸(比如缩到 2000px 宽)再上传;如果必须转原尺寸大图,可以分块处理或用后端工具。本工具无文件大小硬性限制,但实际可用性取决于设备性能。
AVIF 在压缩高质量照片(如风景、人像)时优势明显,但对于文字截图、UI 界面、二维码等大面积纯色或重复图案的图片,AVIF 的编码效率反而可能低于 PNG 或 JPEG。另外,本工具默认质量参数可能偏高(接近无损),导致体积不降反升。你可以尝试在界面上手动降低质量滑块(建议 50-70 区间),或者对文字类图片先用 PNG 转成 WebP 再对比。
本工具是纯前端实现(FE),所有图片数据仅在浏览器本地处理,不会上传到任何服务器。即使页面断网,转换功能也能正常使用(前提是页面已加载完成)。转换完成后,浏览器内存中的原始图片数据会在页面关闭或刷新后自动释放。如果你仍不放心,可以在转换后手动清理浏览器缓存。
本工具依赖浏览器原生支持 WebAssembly 和 AVIF 编码 API,部分旧款手机浏览器(如 Android 系统自带浏览器、微信内置浏览器)可能缺少这些能力。建议使用最新版 Chrome 或 Edge 浏览器(桌面端和移动端均可)。如果手机浏览器版本过低,可以尝试在 Chrome 中开启「桌面版网站」模式,部分兼容性问题可能得到缓解。
Windows 系统自带的照片应用直到 2022 年才原生支持 AVIF 解码,旧版本(如 Win10 早期版)或第三方看图软件(如 ACDSee 旧版)无法识别。这不是文件损坏,而是系统缺少解码器。可以在 Microsoft Store 安装「AV1 Video Extension」扩展包,或改用支持 AVIF 的浏览器(Chrome/Firefox/Edge)直接拖拽打开查看。
本工具仅支持将常见格式(JPG/PNG/WebP)压缩为 AVIF,不支持反向解码(AVIF → 其他格式)。如果需要将 AVIF 转回 JPG,可以另找支持 AVIF 解码的工具(如浏览器内置的「另存为」功能、在线转换站 squoosh.app 等)。注意:AVIF 是有损格式,反向转换后质量不会恢复到原始水平,建议保留原始无损源文件。
当前版本仅支持单张转换,暂未批量处理功能。如果你有大量图片需要转换,可以尝试以下替代方案:1)使用桌面端工具(如 Squoosh CLI 或 ImageMagick)写脚本批量处理;2)在浏览器中同时打开多个本工具页面并行操作;3)使用支持拖拽多文件的在线工具(如 TinyPNG 的 WebP 转换)。批量功能已在开发计划中,具体上线时间可关注工具页面更新日志。
AVIF 的编码器对高频细节(如细线条、文字边缘)敏感,默认压缩参数倾向于保留整体色块而牺牲锐度。对于黑白线稿,建议在转换前先调整质量滑块到 90-100(接近无损),同时关闭「色度子采样」选项(如果有)。如果工具没有此选项,可以先用其他工具把图片转为 PNG(无损),再尝试用本工具以最高质量参数压缩——虽然体积可能不会减小太多,但能最大程度保留线条清晰度。
TinyJPG(TinyPNG)是后端服务器压缩,本工具是纯浏览器本地处理。核心区别在于:1)隐私:本工具不上传图片,TinyJPG 需要上传到其服务器;2)压缩算法:两者都使用 libavif 库,但默认参数不同——TinyJPG 更激进地追求体积最小化,本工具默认平衡质量和体积;3)速度:本工具受设备性能限制,大图较慢;TinyJPG 服务器端更快。质量上,同等体积下两者差异很小,但本工具可手动调节参数获得更精细控制。
隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。