最近给博客启用了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
jpg降低壓縮率、png減少色數,也能壓縮體積,最終壓縮到合適的大小。
一般我的圖片都幾k、十幾k。
webp還在觀望中,畢竟jpg、png用著還行。
@ejsoon恩,图片不多的话其实用哪个都无所谓,有时候一些软件还不能识别webp格式。
感谢分享,正好在找这个
我做过一个测试,明显webp比png模糊。
@缙哥哥这个要看webp的压缩比率吧,同样清晰度下,可能webp更小一点。
@William同tinypng压缩png文件,和同一文件压缩成webp,虽然大小确实是webp小,但是着实没有tinypng压缩的png文件清晰。
@缙哥哥我用的Imagine压缩转换的webp,感觉还行。
我用webp插件转换,配置好之后就是没效果,新添加图片和原来图片都不行
@空空裤兜这种需要服务器做一些规则配置,不成功的话大多数都市配置的规则没有生效导致的。
WebP出来好几年了吧,主要顾虑还是iphone之前不支持,自从ios 14版之后,再也不用顾虑啦
@远山出海笔记是出来有几年了,目前看着逐渐普及了,还是有优势的。
可以试试谷歌新出的Squoosh?网址是 https://squoosh.app/ ,不需要上传图片,直接在本地浏览器内直接转webp在内的各种格式,还可以安装为PWA应用。甚至能自己搭一个,比如我的是 https://squoosh.irithys.com/
@吕楪体验了一下,效果确实不错
刚刚下载了插件,使用了一下,效果还不错。
我本来就把文章配图压缩的连他妈都不认识了。
然后再用webp压缩一下,这下自己,连图片自己都不认识自己了。
只是将9月份的压缩了。
浅试一下。
@宁乐熙旅行笔记插件比较简单,没有多余的功能,旧文章可以不用转,以后就转新文章的图片就行。
又拍云图床,直接引用云端webp即可
@maie看着用又拍云的挺多,它的图片转换功能试用还挺不错的。
我去年safari支持webp之后也立刻开始用webp,的确优秀。
@南梦宫慢慢的webp也能变成主流图片格式了。
有时下载视频发现是 webm 格式,不知是不是跟 webp 一样,就类似 wma 和 wmv 一样同源同宗
@sys没怎么了解过webm,看着命名和webp类似,应该也是谷歌搞出来。
我是用的阿里云对象存储在线处理的,原图像还是jpg,方便存档,在线自动转成webp后展现。
@Teacher Du阿里云OSS要收费,对于我这种图片不多就自己折腾一下就好。用别人的服务省心一些。
@Teacher Du这功能不错
我一般都是无损压缩一下原图。
@一叶竹博客图片是要稍微压缩一下,来提升加载速度。
訪問量小就沒折騰了,圖床的定額也有限…
@夏小雪确实,但有时候就想体验一下新鲜玩意儿。
你的评论区可真热闹
我是上个月才接触到webp格式图片(重新玩博客也才3个月),安装了一个叫Plus WebP的插件,可以把历史文章里的图片全部转换为webp格式,也支持新上传的图片自动转换。可是在wp6.0上不能用,支持吃5.8版本的。。。
之后就只好用webp converter线下转换格式之后上传媒体库了,还是很麻烦的。
等下去试试你说的这个插件
@老达Images to WebP也是支持把历史图片批量更新成webp的,可以试一试。
Webp是真香呀,我去年就转webp了,自己写的转换,在上传图片时,自动将png,jpg处理成webp。
@林羽凡水平不错,动手能力很强。
@林羽凡厉害厉害
由于有丢失图片数据的精力,所以现在都是在自己服务器上,流量本身够用,就没单独配图床了。Webp格式试了几个插件,貌似都不太理想,转换比较耗费资源,就放弃了,目前还是原始展现方式,如果网站流量大了再考虑优化。
@joojen图片压缩嘛或多或少都会影响图片的清晰度,不过有一些的压缩肉眼难看出来。图片小一些加载快一些,体验就好一些,服务器资源够的倒是没必要折腾。
webp压缩是挺小的 极个别图片还是稍大 去年我就使用了webp
@灰常记忆对,我在转我们博客上的一些图片的也出现部分图片转化之后图片大小变大的情况,不过大多都变小了。
@William 我都是提前jpg压缩然后在webp压缩
@灰常记忆我基本也是这样,用原图压一遍jpg,再用原图压一遍webp,基本不用压出的jpg再去转webp,保证webp的图片清晰度,不过基本webp压出来都比jpg小。
写博客,还得精打细算。