网站中WebP格式的设置

铲子铺按语

WebP 比 JPEG 省 25-34% 体积、比 GIF 省 65%，而且现在服务器和浏览器基本都支持了，兼容性顾虑可以放下。Shopify 和 WordPress 都原生支持，方法也简单：Siteground 开 Speed Optimizer 的 use webp images 自动全站转换，或者装 imagify，或者走 CDN 转换。网站图片多的直接安排上，加载速度能明显改善。

WebP 格式是什么，好在哪

WebP 格式是一种新的图像格式，由谷歌开发，于 2010 年发布。

• 特点：可以在保持高质量的同时，大幅度地压缩图像的文件大小，从而提高网页的加载速度和用户体验。
• 支持无损和有损的压缩，以及透明度和动画的特性，因此可以替代常见的图像格式，如 JPEG、PNG、GIF 等。
• 好处：帮助网站所有者和开发者节省带宽和存储空间，提高网站的性能和效率，降低运营成本，同时提高用户的满意度和留存率，增加转化和收入。
• 根据谷歌的数据，WebP 格式可以比 JPEG 格式节省 25% 到 34% 的文件大小，比 PNG 格式节省 26% 的文件大小，比 GIF 格式节省 65% 的文件大小。
• 而且，WebP 格式的图像质量和视觉效果，也不会因为压缩而降低。

之前 WebP 格式需要服务器和浏览器的支持，现在基本都没问题了，这一条可以忽略。

Shopify 和 WordPress 怎么设置 WebP

Shopify：

• Shopify 默认就支持 WebP 格式，既可以上传产品的时候传 WebP 格式的图片，也可以上传 PNG、JPEG 这些格式的图片，让它自动转换。

WordPress：

• 和 Shopify 一样，WordPress 现在也原生支持 WebP 格式的图片，也就是说你只需要上传这个格式就可以正常地展示出来。
• 但是由于 WebP 格式做图不方便，所以一般我们用 PS 这些编辑的图片还是会用 PNG、JPEG 这些格式来存储。
• 有下面几种方法来帮我们在 WordPress 上实现：
  • 服务器商自带：Siteground 中自带的 Speed Optimizer 插件下，use webp images 开启后整个网站的媒体库图片都会被自动换成 WebP 格式。
  • 第三方插件：如果网站的服务器没有带 WebP 转换插件功能，需要自行安装插件来实现，比如 Imagify，不仅能压缩大小，还能根据需求来展示 WebP 格式的图片。
  • 使用 CDN：一些 CDN 服务提供商，例如 Cloudflare 和 BunnyCDN，支持 WebP 格式，可以通过 CDN 设置将图片转换为 WebP 格式。

站长

Ray Chan

外贸独立站操盘手

做过外贸谈单、建过站、跑过 SEO、也拍 YouTube。常年服务国内工厂出海，坑踩过，路跑通，货都在这铺子里。

进圈子，一起玩 →看看资源包