能将图片转为WebP格式的WebP Server Go

本文完成于 2023 年 11 月

之前老苏介绍过 webp2jpg-online,可以将 webp 格式的图片,转为 jpg 等,今天介绍的 WebP Server Go 是将 jpg 等转为 webp 格式

文章传送门:多功能图片转换器webp2jpg-online

什么是 WebP ?

WebP 它是由 Google 开发的一种现代图像格式,旨在提供更高的图像压缩效率和更小的文件大小,同时保持良好的图像质量。

PNG 相比,WebP 无损图像的尺寸小 26%。在同等 SSIM 质量指数下,WebP 有损图像比同类 JPEG 图像小 25-34%。【数据来自官网 https://webp.sh/#/2

什么是 WebP Server Go ?

WebP Server Go 是一款开箱即用的 WebP 服务器。 该项目是用 Go 写的 WebP 服务,无需二次开发就能实现将 JPGPNGBMPSVG 等格式的图片,转化成 WebP 格式的服务,能够有效地减小图片体积、节省带宽、提升图片加载速度。

目前支持的图像格式:JPEGPNGBMPGIFSVGHEICNEF

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 webp-server-go ,选择第一个 webpsh/webp-server-go,版本选择 latest

本文写作时, latest 版本对应为 0.10.2

docker 文件夹中,创建一个新文件夹 webp-server,并在其中建三个子文件夹 data

文件夹 装载路径 说明
docker/webp-server/pics /opt/pics 图片目录
docker/webp-server/exhaust /opt/exhaust 图片缓存目录
docker/webp-server/metadata /opt/metadata 图片元数据缓存目录

端口

本地端口不冲突就行,不确定的话可以用命令查一下

bash 复制代码
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
3333 3333

默认没有对外暴露端口

需要点 + 号自行添加

环境

可变
MALLOC_ARENA_MAX 设为 1

更多的环境变量请参考官方的文档:https://docs.webp.sh/usage/configuration/

命令行安装

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

bash 复制代码
# 新建文件夹 webp-server 和 子目录
mkdir -p /volume1/docker/webp-server/{exhaust,metadata,pics}

# 进入 webp-server 目录
cd /volume1/docker/webp-server

# 运行容器
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 安装,将下面的内容保存为 docker-compose.yml 文件

yaml 复制代码
version: '3'

services:
  webp:
    image: webpsh/webp-server-go
    # image: ghcr.io/webp-sh/webp_server_go
    container_name: webp-server
    restart: always
    ports:
      -  3333:3333
    volumes:
      - ./pics:/opt/pics
      - ./exhaust:/opt/exhaust
      - ./metadata:/opt/metadata
    environment:
      - MALLOC_ARENA_MAX=1

然后执行下面的命令

bash 复制代码
# 新建文件夹 webp-server 和 子目录
mkdir -p /volume1/docker/webp-server/{exhaust,metadata,pics}

# 进入 webp-server 目录
cd /volume1/docker/webp-server

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

如果在浏览器中直接输入 http://群晖IP:3333 会显示错误 File extension not allowed! /

正确的使用方式是:

  1. 上传文件到 pics 目录
  1. 打开链接时,带上图片名称,例如:http://群晖IP:3333/00.png
  1. 另存图片,默认扩展名已经是 webp,虽然 URL 没变,但实际上已经是 image/webp格式

  2. 文件大小比对,差异还是很明显的

这个文件在缓存目录中是能找到的

高级玩法

启用环境变量 ENABLE_EXTRA_PARAMS,将其设置为 true

现在就可以在 URL 中通过添加 widthheight 来控制图片的大小了,例如 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

相关推荐
追风林5 小时前
mac 本地docker-mysql主从复制部署
mysql·macos·docker
城南vision7 小时前
Docker学习—Docker核心概念总结
java·学习·docker
wclass-zhengge7 小时前
Docker篇(Docker Compose)
运维·docker·容器
梦魇梦狸º11 小时前
腾讯轻量云服务器docker拉取不到镜像的问题:拉取超时
docker·容器·github
鬼才血脉11 小时前
docker+mysql配置
mysql·adb·docker
詹姆斯爱研究Java11 小时前
Docker 的基本概念和优势
docker
南猿北者13 小时前
docker镜像仓库常用命令
运维·docker·容器
杨浦老苏13 小时前
Docker可视化管理面板DPanel的安装
运维·docker·群晖
航月15 小时前
FTP、ISCSI、CHRONY、DNS、NFS、DOCKER、MARIADB、NGINX、PHP、CA各服务开启方法
nginx·docker·mariadb
微刻时光15 小时前
Docker镜像分成
java·运维·开发语言·docker·容器·镜像