文字需要翻译，图片不需要。在图画的世界里，无论是中国人、印度人、美国人、英国人的微笑，全世界的人都能看得懂那是微笑。图片所承载的情感是全球透明的。众所周知，一图胜千言，图片的视觉冲击力远大于文字。但对于我们的互联网来说，传输和分析一张图片的成本远高于“千言万语”（目前上亿像素已经成为主流）。面对动辄10M以上的大图，使用优化后的图片来节省带宽和加载时间无疑是性能优化的重头戏，无论对用户还是企业都具有重要意义。因为对用户来说，可以更早看到图片，对企业来说，更省钱。当不使用用户提供的图片时，使用tinypng网站最简单的方法是对每张图片进行压缩和优化。在体积缩小近50%的同时，肉眼无法区分，收益非常大。AVIF简介目前最值得关注的新图像格式当然是AVIF（AV1ImageFileFormat，AV1图像文件格式，是AV1关键帧派生出的新图像格式，是目前最新开源的视频编码格式。AVIF来自2020年情人节在Netflix（知名流媒体公司）上发布，遇到新技术，总是要考虑兼容性问题，话不多说，我们打开caniuse，就这样？就这样？是的是的，虽然目前的浏览器支持堪忧，但是开发者为浏览器提供了一个4kb的polyfill：使用avif后，我们可以使用的浏览器版本：Chrome57+Firefox53+Edge17+Safari11+这种格式优点是：权威的AVIF图像格式是由开源组织AOMedia开发的，Netflix、谷歌和苹果都是该组织的成员，所以这种格式的未来也很明朗。压缩能力强在比较中，我发现AVIF图像格式压缩非常好，基本上大小比JPEG小10倍左右，画质一样。Polyfill是针对以往浏览器的弱点提供的polyfill，针对当前的情况提供易用性。如果是技术网站或者一些Saas产品，可以试试。使用Sharp生成AVIFSharp是一个用于转换格式的节点工具库，最近提供了对AVIF的支持。我们可以在节点中这样使用它：constsharp=require("sharp");constfs=require("fs");fs.readFile("xxx.jpeg",(err,inputBuffer)=>{if(err){console.error(err);return;}//WebPsharp(inputBuffer).webp({质量：50，速度：1}).toFile("xxx.webp");//AVIF转换，很慢sharp(inputBuffer).avif({quality:50,speed:1}).toFile("xxx.avif");});后台传入jpg、png等常用格式，这样我们就可以直接使用AVIF了。虽然AVIF是一种面向未来的图片格式，但就目前而言，开发需要大量图片的业务，使用专业的OSS服务和CDN是更好的选择。由于OSS服务支持jpg、png、bmp、gif、webp、tiff等格式的转换，以及缩略图、裁剪、水印、缩放等多种操作，更容易根据不同的设备提供不同的图片（决议）。图片。同时CDN也可以让用户更快的获取图片。鼓励如果您觉得这篇文章不错，希望您能给我一些鼓励，帮我在我的github博客下star。博客地址参考node-aviftinypngSharp
