最近给博客启用了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格式
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格式被一些浏览器不支持的阶段
@公子现在主流浏览器都支持webp的,IE这种古董现在也没什么人用了,可以忽略了。
@William找机会也换一拨
jpg降低壓縮率、png減少色數,也能壓縮體積,最終壓縮到合適的大小。
一般我的圖片都幾k、十幾k。
webp還在觀望中,畢竟jpg、png用著還行。
@ejsoon恩,图片不多的话其实用哪个都无所谓,有时候一些软件还不能识别webp格式。
感谢分享,正好在找这个