网站图片加载慢？用这个神器WebPServerGo让图片秒变轻盈，流量直接省一半！

为什么说WebP是图片界的 "瘦身达人"？

先科普一个宝藏图片格式 ——WebP，这可是谷歌在2010年就推出的「黑科技」！简单来说，它就是图片界的「压缩大师」，专门解决传统图片格式（JPG/PNG/GIF）又笨又重的问题：

• ✅体积小到离谱：同等画质下，比 JPG/PNG 小 25%-34%，4MB 的图片轻松压到 129KB，流量直接省一半！
• ✅ 全能选手上线：既能替代 PNG 做透明背景图（体积还更小），又能替代 GIF 做动画（色彩更丰富，体积小 60%-80%），一张顶三张！
• ✅ 浏览器友好度 100%：Chrome、Edge、新版Safari全支持，覆盖 90% 以上用户，再也不用担心兼容性问题～
• ✅ 偷偷优化体验：支持「渐进式加载」，图片先模糊后清晰，用户再也不用对着空白页发呆啦！

懒人福音！0代码搞定图片自动优化 ——WebP Server Go

光知道格式还不够，怎么把现有图片批量转成WebP？手动转换太麻烦？别慌！推荐一个「即插即用」的神器 ——WebP Server Go，用Go语言开发的高性能转换工具，一句话总结它的牛掰之处：你只需访问原图URL，它自动返回优化后的WebP/AVIF格式，前端代码完全不用改！

图片仅仅是告知区别，在实际使用中，你会发现，两图几乎没区别，但内容类型和大小变化了

工具开源地址：https://github.com/webp-sh/webp_server_go

当您访问https://你的域名/pics/tsuki.jpg时，它将作为image/webp/image/avif格式输出，而无需更改URL。

• 多格式支持：输入兼容 JPEG/PNG/SVG 等，输出 WebP/AVIF，压缩比高（体积减小 30%-50%）。
• 即取即用：访问原图 URL 自动返回优化格式，无缝集成现有架构，零前端修改。
• 便捷部署：推荐 Docker 部署，规避依赖问题，提供 docker-compose 配置示例。
• 灵活配置：支持自定义压缩参数、缓存策略（元数据 / 图像缓存），适配不同场景。
• 性能优化：缓存处理结果，减少重复转换；Go 语言轻量高效，适合高并发。

保姆级教程：宝塔面板3步搞定部署

第一步：安装Docker并拉取镜像

打开宝塔面板→侧边栏找到「Docker」→安装Docker（如果还没装的话）

在「在线镜像」搜索webpsh/webps，描述为https://github.com/webp-sh/webp_server_go的镜像，点击拉取

第二步：配置docker-compose参数（关键！）

来到任务编排

添加容器编排，填入docker-compose配置内容（图下是详细内容，需要改参数）

docker-compose文件内容(先改一下参数再点确定)

对于图片目录的描述

图像路径	/www/wwwroot/wxsnote.cn/wp-content/uploads/tsuki.jpg
网站路径	https://wxsnote.cn/wp-content/uploads/tsuki.jpg

volumes(数据储存卷)：

• /opt/pics左边是你网站实际存图片的路径（比如/www/wwwroot/wxsnote.cn/wp-content/uploads/）
• /opt/exhaust对应的是服务器中用于缓存转换好的图片文件储存目录

ports(端口)：前面是内网端口可自定义（别和已有服务冲突），可公布开，后面是容器端口

memory(内存限制)：依据你服务器运行内存的大小为容器分配，1024M为1GB内存

点确定就直接使用镜像构建并启动容器了，所以一定要先改参数

现在容器应该运行在127.0.0.1:3333上，例如访问http://127.0.0.1:3333/path/tsuki.jpg会看到/www/wwwroot/网站域名/path/tsuki.jpg的优化版本，可以添加反向代理将其公开

第三步：Nginx反向代理配置，让优化后的图片「公开可见」

进入站点设置→伪静态→添加以下规则（原本的不用删除，直接在原本的伪静态下粘贴，如果有的话）：

location ~* \.(jpg|jpeg|png|gif)$ {
    expires 30d;
    proxy_set_header Host $http_host;
    proxy_pass http://127.0.0.1:3333$request_uri;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Real-Port $remote_port;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_connect_timeout 60s;
    proxy_send_timeout 600s;
    proxy_read_timeout 600s;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

保存后，访问原图链接（比如https://你的域名/图片.jpg），会自动返回 WebP 格式，右键查看图片属性，见证奇迹！

实测效果：肉眼可见的「瘦身成果」

随便找一个图片文件，发现jpg文件被输出为webp，大小变为64KB

事实上它的大小为81KB

我的图片本来在上传前就经过有损压缩，所以看起来并不明显，但就如webp的公开信息来说，4MB可以被压缩到129KB。效果堪比「图片抽脂手术」！

更重要的是，图片加载速度提升后，网站整体性能评分会大幅上涨，SEO排名也会悄悄加分

最后划重点：哪些场景必用 WebP？

✔️ 图片多的电商网站、博客、素材站；
✔️ 主打移动端的站点（流量费更贵，压缩省成本！）；
✔️ 追求极致性能的站长（毕竟用户等待 3 秒就会流失！）。

如果你还在为图片体积发愁，别犹豫，赶紧试试 WebP Server Go 吧！

原文链接(非王先生笔记发布均为盗版)：https://wxsnote.cn/6027.html