首页 > 知识•资讯 > 网页速度优化技巧之:使用WebP 图片压缩网站图片 > 正文

网页速度优化技巧之:使用WebP 图片压缩网站图片

2022/7/1 15:44:28 · 稿源:传诚信

先前介绍过的Google Speed Insight ,是一款帮助测试「网页速度」以及「使用者体验」的线上工具,藉由多项指标评估网页的「分数」,让网页速度有量化的标准,进而让网站拥有者知道如何进行速度优化。
网页的速度跑起来太慢,或者是用Google Speed Insight 跑出来的分数不高,就必须要帮网页加速,除了可以利用快取外挂-WP Rocket执行以外,还有另一个帮网站加速的小技巧,就是将档案压缩为WebP档,减少主机的负载,进而增加网页速度!
以下就来实际讲解一下,到底什么是WebP档?如何将一般的jpg、png转档成WebP档?


WebP档是什么?
WebP档是什么?

因为图档大小跟网页速度有直接的关联性,像是许多画质高清的网站常常需要花比较多时间载入,对于主机的负荷相对也较大,要让网页速度加快的方法之一,就是尽可能的压缩图档,所以许多网站上架图片时,都是用档案格式较小的jpg档替代,不过现在还有一个更好的选择,那就是可以同时保有图片品质,并且压缩更小的WebP档。
WebP档是一种档案格式,这种档案类型设计出来的目的在于能够「减少档案大小」,并且可以「维持图片品质」,简单来说WebP档可以在不影响图片画质的情况下,将档案进行压缩。

免费转换WebP档推荐软体

免费转换WebP档推荐软体
如果要将图档转换成WebP档案,就非常推荐使用「Squoosh」这套线上转档软体。
Squoosh是由Google推出的图片线上转档工具,免费提供图片压缩的服务,除了可以线上直接操作外,Squoosh也有推出离线桌面版,即便是没有网路的情况,也能处理档案压缩的工作。

如何将图片转档成WebP档?

步骤一、上传图片至Squoosh
如何将图片转档成WebP档?.png

步骤二、将档案压缩成WebP档
微信截图_20220701154134.jpg

选择WebP档的同时,系统会告诉你这个档案缩小的百分比,档案变小确实「有感」!

步骤三、下载档案
压缩百分比

整体结论

总结来说,将网页中的图片转换成WebP档 不仅可以将档案压缩得更小,也能减少网页运转时的效能,进而达到优化网页速度的目的,只要网页速度拉上来,就可以增加用户的使用体验,将网页的排名向前推进。
因此,如果网站上目前的图档配置还是以png或是jpg档为主,那不妨可以参考文中的转档步骤,快速将档案转化成WebP档。(延伸阅读:网页速度如何优化?)
如果对于转档的内容,或者是网页速度优化上有任何问题,也欢迎跟展跃网页设计团队联系,我们拥有网站制作、网页速度优化…等丰富经验,协助过上百个品牌网站,绝对能帮您解决网站经营上的难题!
https://squoosh.app/请访问,这里能帮到你。


  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354