威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

启用WebP格式图片

最近给博客启用了WebP格式图片,如果有WebP格式的图片就展示WebP图片,没有就展示原来的图片。经过比较,最后选择了Images to WebP来实现这个功能。WebP是一种由 Google 开发的现代图像格式,与 PNG 和 JPEG 相比,图像格式能够将文件大小减少30%左右。目前webp可以通过PhotoShop或者Imagine来转换。
启用WebP格式图片

最近给博客启用了WebP格式图片,如果有WebP格式的图片就展示WebP图片,没有就展示原来的图片。

WebP格式图片相信大家都有一些了解,它是一种由 Google 开发的现代图像格式。WebP 图像格式在不牺牲质量的情况下减小了图像的大小。与 PNG 和 JPEG 相比,图像格式能够将文件大小减少30%左右。

现在几乎所有主流的浏览器都支持 WebP 格式了,也是时候使用WebP格式图片了。

WordPress 5.8之后就支持展示webp格式图片了,只是不能将jpg、png等格式图片转成webp格式图片。甚至原计划WordPress 6.0的时候采用 WebP 图片座位默认图片格式的方案。

我比较了目前WordPress转换webp的插件,最后选择使用Images to WebP。它配置比较简单,也没有多余花哨的功能,启用插件的时候需要在Apache或者nginx里面写入规则。

安装Images to WebP插件之后,默认上传图片它是会自动生成webp格式的图片。不过由于我的使用习惯,我从来没有使用WordPress自带的媒体功能,我正常都是自己处理好图片然后ftp上传。安装这个插件为了让那些不支持webp的浏览器能正常显示普通格式的图片。

目前只是将一些图片多的文章里面的图片新增了webp格式,比如:2021年终简单侃侃。里面有12张照片,由于服务器只有1M带宽,虽然我压缩了图片,但是首次打开的时候图片加载还是挺慢的,换了webp格式之后,图片大小又进一步进行了压缩,目前加载稍微快了一些。

正常情况下,下图大家右击另存为的图片格式应该是webp了。

WebP格式图片

如何转换webp格式

1、PhotoShop。从23.2版本开始,Photoshop将完全支持WebP文件格式。现在WebP格式可以直接在Photoshop中打开、创建、编辑和保存,无需其他插件或偏好设置。当然,如果你使用的版本低于23.2,可以下载PhotoShop的webp插件,点击去下载

2、Imagine。一个 GUI 图片压缩工具,支持 PNG 和 JPEG 格式图片的压缩和转换,并支持转换到 WebP,压缩效果实时预览和对比非常贴心。点击去下载

当然还有很多在线转换的网站,一般情况下我不太使用在线转换,不过gif动态图片转换为webp的本地软件好像没怎么找到,在线的有一个不错的,我转了一些动态gif到webp,效果都挺不错。大家也可以体验一下。GIF转WEBP

您可能还会对这些文章感兴趣!

启用WebP格式图片:目前有 87 条评论

  1. 公子
    39楼
    公子Google Chrome 102.0.0.0 Windows 10

    我一直停留在webp格式被一些浏览器不支持的阶段 :oops:

    2024-01-30 16:24 回复
  2. ejsoon
    38楼
    ejsoonGoogle Chrome 95.0.0.0 Android 10

    jpg降低壓縮率、png減少色數,也能壓縮體積,最終壓縮到合適的大小。

    一般我的圖片都幾k、十幾k。

    webp還在觀望中,畢竟jpg、png用著還行。

    2023-08-12 18:48 回复
    • William
      WilliamGoogle Chrome 115.0.0.0 Windows 11

      @ejsoon恩,图片不多的话其实用哪个都无所谓,有时候一些软件还不能识别webp格式。

      2023-08-15 22:09 回复
  3. 大峰
    37楼
    大峰:Firefox 109.0 Windows 10

    感谢分享,正好在找这个

    2023-02-02 11:55 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry