nnname

文章 分类 评论
10 4 3

站点介绍

记录一个自学编程的小码农的日常生活

Typecho使用Webp格式图片,提升网站速度。

nnname 2021-12-25 91 0条评论 建站日志 TypechoWordpressWebpPhp

首页 / 正文
对于我个人来说,我一般会尽量把前台每个页面的加载时间控制在500ms以内,毕竟速度越快越好嘛,影响网站加载速度还是看很多方面的,其中的一个因素就是图片,开启图片懒加载可以提速一点,但是也可以从根本上解决问题,比如压缩图片。

常见的图片格式通常就是png,jpeg,在网站传图的时候,通常也是直接上传,这个对网站速度其实是有影响的。图片越大,用户在前台加载时间也就越长。

提升网站速度的一个办法,就是在清晰度损失可以接受的情况下尽可能的缩小图片的大小。

以前Wordpress博客的时候,有很多提供图片压缩并转为Webp格式的插件,但是Typecho嘛emm,,,能用就行

Webp相比较常见的png,jpeg等等格式,引用一个在知乎复制的解释:

WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。

说人话就是,Webp格式比常见格式更小,清晰度也可以保持一个不错的效果,具体对比可以参考下方蓝链。

各种格式图片清晰度大小对比

随便截图两张,webp压缩50%,实际显示效果差距不大,占用空间在四分之一左右,对于网站速度的提升还是很明显的。毕竟加载图片也是需要时间的。至少,还是可以给用户省流量的。狗头

对比

目前我在用的转换工具是anywebp,有网页版和客户端两种,在这个页面显示的所有图片都是Webp格式的。本地转换,压缩50%,如果可以接受更低的清晰度,还能进一步的缩小图片体积。

网页端

客户端

客户端

效果还是比较不错的,对于硬盘吃紧,或者是国外的服务器,还是推荐进行一些速度的优化,图片比较多的站点最好还是做一下改变,当然如果是图片的下载类的站点,还是使用图片原本的格式吧~狗头

评论(0)

友情链接:
辽ICP备2021007937号-1 辽公网安备 21038102000353号

最新评论

  • lcc

    谢谢楼主

  • nnname

    在用 JetBrains临时激活码登入激活时出现报错,显示key is invalid,有可能之前你使用的破解版或者其他旧版原因 在以下目录,删除配置文件就可以解决 C:\Users\【系统用户名】\AppData\Roaming\JetBrains\ 临时激活码提取:https://shimo.im/docs/Qjt8rPttYrcTxVkQ 忘记加上啦,如果激活时候出现问题的话,多半可以用这种方式解决。

  • 凌空飛躍

    非常关键

日历

2022年01月

      1
2345678
9101112131415
16171819202122
23242526272829
3031     

友情链接

文章目录

站点公告
这个是公告,不过还没想好写什么,就先这样挂着吧。
点击小铃铛关闭
配色方案