在浏览京东等电商平台时,我们常常会遇到心仪的商品图片或设计素材,想要保存下来参考或使用。但细心的人会发现,直接右键保存的图片格式是 .avif,而不是我们更熟悉的 .png 或 .jpg。这让许多用户感到困惑:AVIF是什么?为什么网页要用它?又该如何将其转换为我们常用的格式呢?
AVIF(AV1 Image File Format)是一种基于AV1视频编码的开源、免版税的图像格式。简单来说,它是为互联网时代而生的“新生代”图片格式。
体积更小,画质更优:与传统的 JPEG 和 PNG 格式相比,AVIF 能够在保持同等甚至更高画质的前提下,将文件体积压缩得更小。这意味着网页加载速度更快,能为用户和网站运营方节省宝贵的带宽。
功能更强大:它支持更多先进特性,如高动态范围(HDR)、宽色域以及透明通道(Alpha通道),功能上完全可以媲美甚至超越PNG。
答案很简单:提升用户体验和运营效率。
对于京东这样的大型电商平台,首页和商品详情页充斥着海量高清图片。采用AVIF格式可以显著减少图片加载时间,让用户在浏览商品时感觉更流畅,尤其是在移动网络环境下,这种优势更为明显。更快的加载速度不仅能提升用户满意度,也有助于提高商品的转化率。因此,使用AVIF已成为现代网站性能优化的标准操作之一。
这是一种巧妙且高效的方法,利用了服务器端图片处理的特性。
在京东商品页,按下键盘上的 F12 键打开浏览器的“开发者工具”。点击开发者工具左上角的“选择元素”图标(或按 Ctrl+Shift+C),然后用鼠标点击页面上你想要保存的图片。
在下方的源代码区域,你会看到被高亮选中的 <img> 标签。找到 src 属性,其值就是图片的网络地址,通常以 .avif 结尾,例如:
https://img10.360buyimg.com/.../xxxxx.png.avif
将这个链接复制到一个新的浏览器标签页中打开。关键一步来了:删除地址末尾的 .avif 后缀,使其变为:
https://img10.360buyimg.com/.../xxxxx.png
按下回车键访问修改后的链接,此时浏览器会加载并显示 PNG 格式的图片。现在,你可以直接右键点击图片,选择“图片另存为”,即可轻松保存为 PNG 格式。
如果你觉得修改代码有些复杂,这个方法更加直观,适用于所有浏览器和网站。
通过上述“方法一”中的步骤,在浏览器中打开原始的 .avif 格式图片。在图片上点击鼠标右键,在弹出的菜单中选择“复制图像”。
打开电脑上任意一款图片编辑软件,如系统自带的“画图”、Photoshop,甚至是微信或 QQ 的聊天输入框。按下 Ctrl+V 进行粘贴。
此时,图片已经以位图的形式存在于剪贴板中。在图片编辑器中,选择“文件”->“另存为”,你就可以自由选择保存为PNG、JPG、BMP等任何你需要的格式了。
如果你已经保存了大量的图片,需要统一转换为其他格式,手动操作会非常繁琐。这时,使用专业的格式转换工具是最佳选择。例如“简鹿格式工厂”这类软件,支持批量导入常见图像文件,并一键将它们转换为 PNG、JPG 等常用格式,极大地提升了处理效率。
总而言之,遇到京东的 AVIF 图片不必烦恼。通过简单的 URL 后缀修改或复制粘贴操作,你就能轻松获得所需的 PNG 图片。这些小技巧不仅能帮你解决眼前的难题,也能让你对现代网页技术有更深入的了解。