本文完成于 2023 年 11 月

之前老蘇介紹過 webp2jpg-online，可以將 webp 格式的圖片，轉(zhuǎn)為 jpg 等，今天介紹的 WebP Server Go 是將 jpg 等轉(zhuǎn)為 webp 格式

文章傳送門：多功能圖片轉(zhuǎn)換器webp2jpg-online

什么是 WebP ?

WebP 它是由 Google 開發(fā)的一種現(xiàn)代圖像格式，旨在提供更高的圖像壓縮效率和更小的文件大小，同時保持良好的圖像質(zhì)量。

與 PNG 相比，WebP 無損圖像的尺寸小 26%。在同等 SSIM 質(zhì)量指數(shù)下，WebP 有損圖像比同類 JPEG 圖像小 25-34%?！緮?shù)據(jù)來自官網(wǎng) https://webp.sh/#/2 】

什么是 WebP Server Go ?

WebP Server Go 是一款開箱即用的 WebP 服務(wù)器。 該項(xiàng)目是用 Go 寫的 WebP 服務(wù)，無需二次開發(fā)就能實(shí)現(xiàn)將 JPG、PNG、BMP、SVG 等格式的圖片，轉(zhuǎn)化成 WebP 格式的服務(wù)，能夠有效地減小圖片體積、節(jié)省帶寬、提升圖片加載速度。

目前支持的圖像格式：JPEG、PNG、BMP、GIF、SVG、HEIC、NEF

安裝

在群暉上以 Docker 方式安裝。

在注冊表中搜索 webp-server-go ，選擇第一個 webpsh/webp-server-go，版本選擇 latest。

本文寫作時， latest 版本對應(yīng)為 0.10.2；

卷

在 docker 文件夾中，創(chuàng)建一個新文件夾 webp-server，并在其中建三個子文件夾 data

文件夾	裝載路徑	說明
docker/webp-server/pics	/opt/pics	圖片目錄
docker/webp-server/exhaust	/opt/exhaust	圖片緩存目錄
docker/webp-server/metadata	/opt/metadata	圖片元數(shù)據(jù)緩存目錄

端口

本地端口不沖突就行，不確定的話可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口號

本地端口	容器端口
3333	3333

默認(rèn)沒有對外暴露端口

需要點(diǎn) + 號自行添加

環(huán)境

可變	值
MALLOC_ARENA_MAX	設(shè)為 1

更多的環(huán)境變量請參考官方的文檔：https://docs.webp.sh/usage/configuration/

命令行安裝

如果你熟悉命令行，可能用 docker cli 更快捷

# 新建文件夾 webp-server 和 子目錄
mkdir -p /volume1/docker/webp-server/{exhaust,metadata,pics}# 進(jìn)入 webp-server 目錄
cd /volume1/docker/webp-server# 運(yùn)行容器
docker run -d \--restart always \--name webp-server \-p 3333:3333 \-v $(pwd)/pics:/opt/pics \-v $(pwd)/exhaust:/opt/exhaust \-v $(pwd)/metadata:/opt/metadata \-e MALLOC_ARENA_MAX='1' \webpsh/webp-server-go

也可以用 docker-compose 安裝，將下面的內(nèi)容保存為 docker-compose.yml 文件

version: '3'services:webp:image: webpsh/webp-server-go# image: ghcr.io/webp-sh/webp_server_gocontainer_name: webp-serverrestart: alwaysports:-  3333:3333volumes:- ./pics:/opt/pics- ./exhaust:/opt/exhaust- ./metadata:/opt/metadataenvironment:- MALLOC_ARENA_MAX=1

然后執(zhí)行下面的命令

# 新建文件夾 webp-server 和 子目錄
mkdir -p /volume1/docker/webp-server/{exhaust,metadata,pics}# 進(jìn)入 webp-server 目錄
cd /volume1/docker/webp-server# 將 docker-compose.yml 放入當(dāng)前目錄# 一鍵啟動
docker-compose up -d

運(yùn)行

如果在瀏覽器中直接輸入 http://群暉IP:3333 會顯示錯誤 File extension not allowed! /

正確的使用方式是：

1. 上傳文件到 pics 目錄

2. 打開鏈接時，帶上圖片名稱，例如：http://群暉IP:3333/00.png

3. 另存圖片，默認(rèn)擴(kuò)展名已經(jīng)是 webp，雖然 URL 沒變，但實(shí)際上已經(jīng)是 image/webp格式

4. 文件大小比對，差異還是很明顯的

這個文件在緩存目錄中是能找到的

高級玩法

啟用環(huán)境變量 ENABLE_EXTRA_PARAMS，將其設(shè)置為 true

現(xiàn)在就可以在 URL 中通過添加 width 和 height 來控制圖片的大小了，例如 http://群暉IP:3333/00.png?width=300&height=300

參考文檔

webp-sh/webp_server_go: Go version of WebP Server. A tool that will serve your JPG/PNG/BMP/SVGs as WebP/AVIF format with compression, on-the-fly.
地址：https://github.com/webp-sh/webp_server_go

Introduction | WebP Server Documentation
地址：https://docs.webp.sh/

WebP Server
地址：https://webp.sh