把一张 PNG 做成 AVIF
把一张 PNG 拖进投放区,或轻点它去翻找一份文件。没有要去寻的转换按钮,文件一抵达活就开始。一段会话的开场那次会花掉约一秒来载入它的工具。从此一张小巧图像在大约四十毫秒里做完,一张一兆像素的照片约二百五十,一帧 4K 约二点八秒。任何超过八兆像素的,在手持设备上可能拉长到十或三十秒。AVIF 一现身,下载便把它以原名带 .avif 扩展名写出,尺寸读数把旧的与新的并排摆出。
递上一张 PNG,取回一张紧凑的 AVIF,其透明区域熬过转换的每一步。
或将图片拖放到此处
转换中…
正在转换您的图片
这可能需要一分钟左右——多个文件会稍久一些。请保持此标签页打开。
把 PNG 变成 AVIF,连同透明度一起保留。你拖入文件,页面读取你的 PNG,再把它写回为 AVIF,也就是源自 AV1 编解码的图像格式。AVIF 编码很重,所以为得到最干净的结果,Araluma在我们的服务器上运行它,若那条路不通,任务会退回到在浏览器中运行的编码器。编码是质量 85 的有损格式,照片约 42.6 dB PSNR,与原图足够接近,眼睛很少察觉差异,通常比同一张图保存为 WebP 轻 30 到 50 个百分点。JPG 会丢掉透明度,而 AVIF 原样保留完整的 Alpha 通道。每当一个文件到达我们的服务器,它就会被编码,结果会在大约 2 小时内清除。这一对适合追求为现代页面使用尽可能轻的透明素材的设计与前端开发。
把一张 PNG 拖进投放区,或轻点它去翻找一份文件。没有要去寻的转换按钮,文件一抵达活就开始。一段会话的开场那次会花掉约一秒来载入它的工具。从此一张小巧图像在大约四十毫秒里做完,一张一兆像素的照片约二百五十,一帧 4K 约二点八秒。任何超过八兆像素的,在手持设备上可能拉长到十或三十秒。AVIF 一现身,下载便把它以原名带 .avif 扩展名写出,尺寸读数把旧的与新的并排摆出。
会留存,而这份留存正是在此舍 JPG 取 AVIF 的全部用意。alpha 通道是 AVIF 自带的,于是进去时透明的像素出来时依旧透明。一枚浮在虚空上的徽标、一块边缘羽化的产品抠图、一个圆角图标,每一个都带着原封不动的蒙版落进 AVIF,背后没有白色矩形,边缘没有光晕。JPG 干脆做不到,它压根没有 alpha,会在原本透明之处涂上一块纯色。WebP 也能托住 alpha,可在同等画质下论尺寸却追不上 AVIF。对一件发往当代浏览器的透明作品来说,没什么比它更紧凑。
按住在画质 85,一张 AVIF 在照片上往往比 PNG 轻三到五成,比同一张图的 WebP 轻两到三成。一次开发测量把一张 4K 镜头从作为 JPG 的 116 KB 拉到作为 AVIF 的 16 KB。小图像照同样路数缩放,一张 17 KB 的 PNG 收到约 6 KB。早被压扁的源回报得更少,平涂色块的图形或硬边的徽标也许纹丝不动。自然照片交出最大的削减,而那恰是把多数产品页与 hero 区块撑胖的文件,省下的地方就在那里。
身为有损格式,AVIF 在此工作于固定的画质 85。照片在那个档位栖在 42.6 dB PSNR 附近,对寻常景物读来与 PNG 无异。爽脆的文字和纤细的线描是例外,在任何有损设置下都可能沾上隐隐的瑕疵,因此那些该待在一张 PNG 里。耗时随图像尺寸与引擎而走。桌面 Chrome 在约四分之一秒里处理一兆像素,在约二点八秒里处理八兆像素。Firefox 要花约四倍那么久,一部手机在其上再添三到五倍。开场那次会话也带着一段短短的预热,那时工具正点火。
AVIF 生产起来很吃力,所以为达到最佳质量与速度,Araluma在我们的服务器上运行这次转换,当服务器够不到时退回到浏览器中的编码器。也就是说转换时你的 PNG 可能会传到我们这里。处理很简单。文件变成 AVIF,结果回到你手中,两者都会在大约 2 小时内从我们的服务器清除。我们不保留你图像的副本,不要求账户,也不会把它用于你发起的转换之外。如果服务器路径不可用,编码会在你的浏览器中运行。无论哪条路,你都会得到相同的 AVIF,具有相同的 Alpha 通道和相同的质量。
覆盖率在 2026 年栖在全球约 94.3% 的浏览器上:Chrome 自 85 起,Firefox 自 93 起,Safari 自 16.4 起(iOS 16 往后),Edge 自 121 起。落在后头的是 Internet Explorer、Opera Mini,以及任何仍停在 iOS 15 或更早的东西。若你的访客有一片住在那儿,就以 AVIF 领头,让 picture 元素自动把他们落到 WebP。对今日多数流量那个回退鲜少点燃,因为 Chrome 与 Safari 扛着移动访问的大半,而二者自 2022 年起就原生地绘制 AVIF。
把一张 PNG 拖进投放区,或轻点它打开文件浏览器并从你的设备里挑一张。
开场那次转换花掉约一秒来载入工具。同一标签页里其后的每一次都更利落。
AVIF 备妥时,读数把 PNG 尺寸摆在新 AVIF 尺寸旁边,好让降幅一清二楚。
按下载按钮把这份做好的文件写到你的设备,沿用原本的基础名加一个崭新的 .avif 扩展名。
为兼容需要相反方向,还是想要 WebP 换取更快的转换与更广的支持?两者都只在一击之外。
因为 AVIF 是当代浏览器肯绘制的最轻格式,而它在这么做的同时还守住透明。前端开发者与设计师为透明界面部件、产品抠图,以及那些必须保持下载廉价的图标而伸手取它。尺寸的削减是实打实的,常在大致相同的视觉画质下落在 PNG 之下三到五成,而 alpha 通道毫发无损地随行,换作一张 JPG 早把它抹去了。
会。AVIF 带着一条原生 alpha 通道,这一组把它笔直地放过去。PNG 里一块透明区域在 AVIF 里仍是透明。JPG 应付不来,它没有 alpha,会把一块纯色丢进那道缝隙,而 AVIF 待抠图、徽标与堆叠的图层一如 PNG,只是小得多。你从不必动手重画一张蒙版。
每一个当代引擎都能。Chrome 自版本 85 起处理它,Firefox 自 93,Safari 自 16.4 连同 iOS 16,Edge 自 121。不能的是 Internet Explorer、Opera Mini,以及被撂在 iOS 15 的设备。要够到那条尾巴,把图片裹进一个 HTML picture 元素,先递 AVIF,等浏览器说不时落到 WebP 或 PNG。
AVIF 两样都撑,但此处的输出在画质 85 下有损。照片在那个档位读作约 42.6 dB PSNR,多数人辨不出它与源的差别。带硬边、纤细字体,或大片平涂色块的图像,在任何画质下都可能露出轻微瑕疵。当每一个像素都得分毫不差地吻合时,攥住 PNG 而别去转换它。
在画质相近的照片上,AVIF 跑得比 WebP 小约两到三成。WebP 以更宽的触及作答,连较老的 Safari 也算上,而 AVIF 在 2026 年罩住约 94.3% 的浏览器。当带宽是优先,受众又属当代,AVIF 胜出。当你需要够到每一个人,把 WebP 留在手边。2026 年那套常见安排先递 AVIF,在一个 picture 元素里把 WebP 摆在它身后。
尺寸与引擎说了算。一段会话的开场那轮花掉约一秒把工具备好。一旦预热过,一张小图像在约四十毫秒里做完,一张兆像素照片近二百五十,一帧 4K 在 Chrome 里约二点八秒。越过八兆像素,一部手机也许要坐上十到三十秒。Firefox 以约 Chrome 四分之一的步速爬行,所以大活在 Chrome 里收尾更早。
团队关于工艺、格式以及一个好的圆形裁剪背后小决定的笔记。