阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      png、jpg、gif 这些图片格式解释一下,分别什么时候用。有没有了解过webp?

      体积小能支持动画,chrome有针对性优化;Android就不说了,肯定支持,iOS也有支持。

      客户端里的图片显示都可以考虑webp,体积小了、流量少了、加载快了,图片质量也得到保障(同时肉眼几乎无法看出差异)

      前端用webp则还是不太稳妥,一些浏览器不支持。

      WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;

      同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。

      可以得出结论:PNG 转 WebP 的压缩率要高于 PNG 原图压缩率,同样支持有损与无损压缩

      转换后的 WebP 体积大幅减少,

      转换后的 WebP 支持 Alpha 透明和 24-bit 颜色数,不存在 PNG8 色彩不够丰富和在浏览器中可能会出现毛边的问题

      经测试,JPEG 转 WebP 的效果更佳

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      本文目录
      目录