图片工具 · 压缩 / 优化

AVIF 智能压缩

新一代图片格式优化

✓本地处理 · 不上传 ✓免费 · 无需登录 ✓无次数限制 累计 130 次使用
JPG · PNG · 任意 → AVIF · 新一代 AV1 · 批量 · 本地
拖入 / 点击 / 粘贴图片 · 转为 AVIF

支持 JPG · PNG · WebP · GIF · BMP 等可解码图 · 可多选批量 · 单张 ≤ 50MB
截图直接 CtrlV 粘贴

Encoded to AVIF locally — nothing uploaded
转换后点击队列中的图片,
在此看「比原格式省多少」并拖动中线对比画质
AVIF 优势:基于 AV1 编码,同画质比 JPG 小约 50%、比 WebP 更优,支持透明 + 10bit HDR + 广色域,画面在低码率下噪点更少。
兼容性:现代浏览器(Chrome 85+ / Edge 90+ / Firefox 93+ / Safari 16.4+)已可解码显示;编码需较新版本,本页会自动探测,不支持时提示并禁用。
隐私:全部编码在浏览器 Canvas 完成,原图不离开本机;Canvas 重绘天然剥离 EXIF / GPS 元数据。关闭页面即清空。
就绪 · 拖入或粘贴图片开始
第一节

关于本工具

About

页面加载完,一张 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 扩容费用。本工具在浏览器端处理,截图数据不上传服务器,物业可直接在本地电脑操作。

第二节

使用指南

Getting Started

使用步骤

  1. 1在文件选择区点击或拖拽 PNG/JPEG/WebP 图片,界面显示文件名与原始大小
  2. 2滑动「质量」滑块(默认 80),右侧预览区同步显示压缩后图像与预估文件大小
  3. 3点击「转换为 AVIF」按钮,进度条走完后预览区更新为最终 AVIF 图片与压缩率
  4. 4点击预览区下方的「下载」按钮,浏览器自动保存 .avif 文件到本地

输入输出示例

输入输出说明
一张 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 标识。

第三节

工作原理

How It Works

核心公式

压缩率 = (原始文件大小 - 压缩后文件大小) / 原始文件大小 × 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%,保留视觉质量。

上传 / 拖入JPEG / PNG / WebPWASM 解码浏览器内解压像素AVIF 编码有损 / 无损压缩下载 .avif体积减少 50%+质量滑块0-100 调节压缩率
用户操作 本地处理 输出结果
第五节

常见问题

Q & A
问我把 PNG 拖进去转成 AVIF,图片直接变成全黑或者花屏了,是怎么回事?+
答

这通常是源图包含透明通道(Alpha 通道)造成的。AVIF 格式支持透明度,但本工具基于纯浏览器(WASM)实现,部分浏览器或编码库在处理带透明通道的 PNG 时会出现兼容性问题。解决方法是:先手动把 PNG 的透明背景填充为纯色(比如白色),再上传转换。如果必须保留透明度,建议换用支持 Alpha 的桌面软件(如 Squoosh 桌面版或 ffmpeg)。

问用这个工具转一张 10MB 的 JPG,等了很久进度条不动,是不是卡死了?+
答

纯浏览器端转换(FE 实现)时,所有计算都在本地内存中完成,大文件会占用大量内存并导致浏览器响应变慢。10MB 以上的 JPG 在老旧设备或低内存机器上确实可能卡顿几分钟甚至崩溃。建议先压缩源文件尺寸(比如缩到 2000px 宽)再上传;如果必须转原尺寸大图,可以分块处理或用后端工具。本工具无文件大小硬性限制,但实际可用性取决于设备性能。

问我转出来的 AVIF 比原图还大,压缩了个寂寞?+
答

AVIF 在压缩高质量照片(如风景、人像)时优势明显,但对于文字截图、UI 界面、二维码等大面积纯色或重复图案的图片,AVIF 的编码效率反而可能低于 PNG 或 JPEG。另外,本工具默认质量参数可能偏高(接近无损),导致体积不降反升。你可以尝试在界面上手动降低质量滑块(建议 50-70 区间),或者对文字类图片先用 PNG 转成 WebP 再对比。

问这个工具上传图片到你们服务器吗?我图片里有身份证号码,安全吗?+
答

本工具是纯前端实现(FE),所有图片数据仅在浏览器本地处理,不会上传到任何服务器。即使页面断网,转换功能也能正常使用(前提是页面已加载完成)。转换完成后,浏览器内存中的原始图片数据会在页面关闭或刷新后自动释放。如果你仍不放心,可以在转换后手动清理浏览器缓存。

问为什么我用手机浏览器打开这个页面,点了转换没反应?+
答

本工具依赖浏览器原生支持 WebAssembly 和 AVIF 编码 API,部分旧款手机浏览器(如 Android 系统自带浏览器、微信内置浏览器)可能缺少这些能力。建议使用最新版 Chrome 或 Edge 浏览器(桌面端和移动端均可)。如果手机浏览器版本过低,可以尝试在 Chrome 中开启「桌面版网站」模式,部分兼容性问题可能得到缓解。

问转出来的 AVIF 图片在 Windows 上打不开,是不是文件坏了?+
答

Windows 系统自带的照片应用直到 2022 年才原生支持 AVIF 解码,旧版本(如 Win10 早期版)或第三方看图软件(如 ACDSee 旧版)无法识别。这不是文件损坏,而是系统缺少解码器。可以在 Microsoft Store 安装「AV1 Video Extension」扩展包,或改用支持 AVIF 的浏览器(Chrome/Firefox/Edge)直接拖拽打开查看。

问我想把 AVIF 转回 JPG,这个工具能反向转换吗?+
答

本工具仅支持将常见格式(JPG/PNG/WebP)压缩为 AVIF,不支持反向解码(AVIF → 其他格式)。如果需要将 AVIF 转回 JPG,可以另找支持 AVIF 解码的工具(如浏览器内置的「另存为」功能、在线转换站 squoosh.app 等)。注意:AVIF 是有损格式,反向转换后质量不会恢复到原始水平,建议保留原始无损源文件。

问每次只能转一张图,我有几百张产品图要批量转,一个个操作太慢了,有没有批量功能?+
答

当前版本仅支持单张转换,暂未批量处理功能。如果你有大量图片需要转换,可以尝试以下替代方案:1)使用桌面端工具(如 Squoosh CLI 或 ImageMagick)写脚本批量处理;2)在浏览器中同时打开多个本工具页面并行操作;3)使用支持拖拽多文件的在线工具(如 TinyPNG 的 WebP 转换)。批量功能已在开发计划中,具体上线时间可关注工具页面更新日志。

问我转的图片是黑白线稿(扫描的签字文件),转成 AVIF 后线条变虚了,怎么调参数?+
答

AVIF 的编码器对高频细节(如细线条、文字边缘)敏感,默认压缩参数倾向于保留整体色块而牺牲锐度。对于黑白线稿,建议在转换前先调整质量滑块到 90-100(接近无损),同时关闭「色度子采样」选项(如果有)。如果工具没有此选项,可以先用其他工具把图片转为 PNG(无损),再尝试用本工具以最高质量参数压缩——虽然体积可能不会减小太多,但能最大程度保留线条清晰度。

问这个工具和 TinyJPG 压缩 AVIF 有什么区别?哪个质量更好?+
答

TinyJPG(TinyPNG)是后端服务器压缩,本工具是纯浏览器本地处理。核心区别在于:1)隐私:本工具不上传图片,TinyJPG 需要上传到其服务器;2)压缩算法:两者都使用 libavif 库,但默认参数不同——TinyJPG 更激进地追求体积最小化,本工具默认平衡质量和体积;3)速度:本工具受设备性能限制,大图较慢;TinyJPG 服务器端更快。质量上,同等体积下两者差异很小,但本工具可手动调节参数获得更精细控制。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

↑↓选择 ↵打开 ⌘+↵新窗口 esc关闭