网站优化:服务器自动将图片转为Webp格式,大大提高图片加载速度
标签搜索

网站优化:服务器自动将图片转为Webp格式,大大提高图片加载速度

勿埋我心
2022-10-08 / 0 评论 / 680 阅读 / 正在检测是否收录...

引言

长江悲已滞,万里念将归。 ——勿埋我心

  科普:Webp是专门适用于网站页面的图片格式,将图片转为webp格式,你可以理解为压缩图片。优点是兼顾了画质,也大大压缩了图片大小。

  我觉得这个功能不错,目前正在使用,感觉还行。在此记录一下,防止以后忘了。

教程

1. 到Github下载相关文件

下载地址:Releases · webp-sh/webp_server_go (github.com)

下载最新版即可。

2. 下载环境文件

因为我选择是二进制运行,所以需要libaom-devel。

yum install libaom-devel -y

3. 进入文件所在目录,生成配置文件

./webp-server -dump-config > config.json
{
  "HOST": "127.0.0.1",
  "PORT": "3333",
  "QUALITY": "80:压缩比例",
  "IMG_PATH": "图片所在目录",
  "EXHAUST_PATH": "转化成webp后所在目录",
  "ALLOWED_TYPES": ["jpg","png","jpeg","bmp"],
  "ENABLE_AVIF": false
}

4. 运行

./webp-server --config=config.json

5. 进行反代

我使用的是Nginx进行反代。

# webp Server
# 这个代表只有访问image文件夹的图片,才会将其转化为webp
    location ^~ /image/ {
        proxy_pass http://localhost:3333/;
    }

验证是否成功

打开你想要转化图片的链接

  1. 查看终端控制台的输出信息
  2. 到配置文件中的webp存储目录查看是否有文件生成
  3. 打开F12,看看文件类型是不是image/webp

结语

欢迎有疑惑在勿埋我心评论区留言。

2

评论 (0)

取消