运维实践-使用WebP Server Go无缝转换图片为Google的webp格式让你网站访问加载速度飞起来...

已于 2022-07-29 13:54:57 修改
阅读量1.1k 收藏 1
点赞数
分类专栏： 企业IT运维实践 文章标签： 运维 docker 大数据 linux webp
于 2022-07-28 14:44:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013072756/article/details/126047296
版权
本文介绍了WebP格式的图片优势，以及如何使用WebP Server Go进行图片转换，通过二进制和Docker部署实践，实现网站图片资源的WebP格式优化，从而提升网站加载速度。
摘要由CSDN通过智能技术生成

关注「WeiyiGeek」公众号

设为「特别关注」每天带你玩转网络安全运维、应用开发、物联网IOT学习！

f1330c421b3648aba75c475217e6d2ff.jpeg

本章目录：

  • 0x00 快速入门

    • WebP 介绍

    • Webp-Server 介绍

  • 0x01 安装实践

    • 二进制安装部署

    • Docker安装部署

  • 0x02 博客网站图片资源访问优化实践

原文地址: https://blog.weiyigeek.top/2022/7-18-674.html

0x00 快速入门

WebP 介绍

什么是 WebP?

了解本专栏 订阅专栏 解锁全文 超级会员免费看
全栈工程师修炼指南
关注
专栏目录
订阅专栏
企业运维实践-Nginx使用geoip2模块并利用MaxMind的GeoIP2数据库实现处理不同国家或城市的访问最佳实践指南...
WeiyiGeek 唯一极客IT知识分享
08-07 1494
关注「WeiyiGeek」公众号设为「特别关注」每天带你玩转网络安全运维、应用开发、物联网IOT学习！本章目录：0x00 前言简述0x01 安装部署环境说明libmaxminddb 下载ngx_http_geoip2_module 下载Geoip2 模块编译动态链接库GeoLite2 数据库下载GeoLite2 数据库自动更新0x02 实践使用1.使用GeoIP2模块请求.........
网页性能提升之WebP
HELLO WORD
05-21 1006
鉴于之前做的大屏的项目，全屏背景图过大，传统的写法导致页面渲染过慢，因而非常影响用户体验。 除此以外，很多时候在开发过程中会出现很多图片的情况，图片过多或大，会直接影响页面的响应时间，从而导致页面性能变差。 针对以上，我们可以使用WebP来有效的改善。 关于WebP WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服...
webp_server_go:WebP Server的Go版本。该工具可以动态压缩将您的JPGPNG作为WebP格式提供服务
03-21
| 这是基于Golang的服务器，可让您即时提供WebP图像。默认情况下，它将转换jpg,jpeg,png文件，可以通过编辑config.json对其进行自定义。 当前支持的图像格式：JPEG，PNG，BMP，GIF（目前为静态图像） 例如，当您访问https://your.website/pics/tsuki.jpg ，它将用作image/webp格式，而无需更改URL。 对于Safari和Opera用户，将使用原始图像。我们现在在iOS 14 / iPadOS 14上支持Safari / Chrome / Firefox 简单的使用步骤 1.下载或构建二进制文件 从页面下载webp-server 。 2.转储配置文件 ./webp-server -dump-config > config.json 默认的config.json可能看起来像这样。 { " HOST " : " 1
Cloudflare图像转换功能变成免费 可以自动转换为WebP或AVIF格式
最新发布
weixin_41446370的博客
08-13 500
有着赛博菩萨之称的 Cloudflare 日前变更了 Images 功能的付费计划，该功能现在变成免费使用不需要购买捆绑包，不过由于转换后的图像需要使用 Cloudflare R2 存储和传送，这部分还是要付费的。Images 功能主要提供动态图像转换功能，例如网站使用的 PNG 格式图像可以自动转换为 WebP 或 AVIF 格式，这些格式具有压缩属性因此图像尺寸会更小，用户访问网站时图像加载速度会更快，有利于提升用户体验。
推荐：WebP Server Go — 高效的动态WebP图像服务
gitblog_00065的博客
05-13 326
推荐：WebP Server Go — 高效的动态WebP图像服务 webp_server_goGo version of WebP Server. A tool that will serve your JPG/PNG/BMP/SVGs as WebP/AVIF format with compression, on-the-fly.项目地址:https://gitcode.com/gh_mi...
推荐一款高效能的WebP图像服务器——WebP Server Go
gitblog_00765的博客
08-12 258
推荐一款高效能的WebP图像服务器——WebP Server Go webp_server_goGo version of WebP Server. A tool that will serve your JPG/PNG/BMP/SVGs as WebP/AVIF format with compression, on-the-fly.项目地址:https://gitcode.com/gh_mi...
WebP Server Go 项目教程
gitblog_00433的博客
08-10 418
WebP Server Go 项目教程 webp_server_goGo version of WebP Server. A tool that will serve your JPG/PNG/BMP/SVGs as WebP/AVIF format with compression, on-the-fly.项目地址:https://gitcode.com/gh_mirrors/we/webp_...
能将图片转为WebP格式的WebP Server Go
wbsu2004的博客
05-04 6029
WebP Server Go 将您的 JPG/PNG 作为 WebP 格式提供并进行动态压缩。
运维实践-最新Nginx二进制构建编译lua-nginx-module动态链接Lua脚本访问Redis数据库读取静态资源隐式展现...
WeiyiGeek 唯一极客IT知识分享
08-06 887
关注「WeiyiGeek」公众号设为「特别关注」每天带你玩转网络安全运维、应用开发、物联网IOT学习！本章目录：0x0n 前言简述知识引入Lua模块指令阶段0x01 部署环境安装说明安装部署0x02 使用实践1.Nginx 实践使用 echo-nginx-module 模块之动态加载链接库2.Nginx 实践使用 lua-resty-redis 模块连接 Redis 进行......
安全运维-如何在Kubernetes中使用注释对ingress-nginx及后端应用进行安全加固配置实践...
WeiyiGeek 唯一极客IT知识分享
08-15 2212
关注「WeiyiGeek」公众号设为「特别关注」每天带你玩转网络安全运维、应用开发、物联网IOT学习！本章目录：0x08 Kubernetes中ingress-nginx安全配置1.配置指定的 Ingress Class2.安全配置之强制跳转HTTPS3.安全配置之跨域访问cors4.安全配置之防止DDOS请求限流5.安全配置之请求访问白名单6.安全配置之请求访问日志记录7.安全配置之Nginx指.........
google官方提供webp转换工具
12-26
webp转换工具，
webp, go ( 零依赖项)的WebP解码器和编码器.zip
09-17
webp, go ( 零依赖项)的WebP解码器和编码器 webp██╗ ██╗███████╗██████╗ ██████╗██║ ██║██╔════╝██╔══██╗██╔══██╗██║ █╗ ██║█████╗ ██████╔╝██████╔╝██║███╗█
Python连接MySQL数据库性能优化秘籍：让你的数据库飞起来
[Python连接MySQL数据库性能优化秘籍：让你的数据库飞起来](https://img-blog.csdnimg.cn/img_convert/f46471563ee0bb0e644c81651ae18302.webp?x-oss-process=image/format,png) # 1. Python连接MySQL数据库的理论...
Linux 使用 docker 安装 Webp Server Go 服务器
lpyun@aliyun.com
03-13 552
WebP 是由 Google 推出的一种全新图片文件格式，也是 Telegram Stickers 主力使用的文件格式，可为Web 上的图像提供卓越的无损和有损压缩, 它是在保证原有的图像质量前提下尽可能减少图形体积的一种格式, 使用 WebP 网站管理员和 Web 开发人员可以创建更小、更丰富的图像，从而使 Web 加载性能的提升更快。
10.Go语言-搭建一个Web服务器
weixin_44676937的博客
01-05 264
代码实现 package main import ( "fmt" "net/http" "sync" ) //Go语言包中的 sync 包提供了两种锁类型：sync.Mutex 和 sync.RWMutex //Mutex是最简单的一种锁类型，同时也比较暴力，当一个 goroutine 获得了 Mutex 后，其他 goroutine 就只能乖乖等到这个 goroutine 释放该 Mutex var mu sync.Mutex //定义整型变量 var count int func ma
前端图片加载优化，懒加载，按需加载，webp格式兼容性处理
晨露
03-04 4005
背景 网页中存在很多存储于腾讯云的CDN形式的高清图，大多为PNG格式，大小从几百kb到几十M不等，张数由1张到上百张不等。由此导致页面的图片加载缓慢。 前端解决方案: png格式转为webp格式（无损压缩） 图片按需加载。 针对以上两个方案需要注意的点如下： webp格式的兼容性 图片按需加载的更优方案 ...
web server(web服务器）简单了解
蓝蓝的天
10-24 5355
web server简单了解(一）
Go: 一种判断 webp 格式的图片是否为动图的方法
J.D.的博客
04-24 1868
通过读取 webp 图片内容判断是否为动图。
node 使用cwebp-bin将webp格式的图片转换为png格式示例
06-01
下面是一个使用 cwebp-bin 将 webp 格式的图片转换为 png 格式的示例代码： ```javascript const { exec } = require('child_process'); const path = require('path'); const fs = require('fs'); const inputFilePath = path.join(__dirname, 'input.webp'); const outputFilePath = path.join(__dirname, 'output.png'); // 使用 cwebp-bin 将 webp 格式的图片转换为 png 格式 exec(`cwebp ${inputFilePath} -quiet -o ${outputFilePath}`, (error, stdout, stderr) => { if (error) { console.error(`exec error: ${error}`); return; } console.log(`stdout: ${stdout}`); console.error(`stderr: ${stderr}`); // 读取转换后的 png 图片 fs.readFile(outputFilePath, (err, data) => { if (err) throw err; console.log(data); }); }); ``` 这个示例中，我们首先指定了输入的 webp 图片路径和输出的 png 图片路径，然后使用 `exec` 函数执行 cwebp 命令行工具将输入的 webp 图片转换为输出的 png 图片。转换完成后，我们再使用 `fs.readFile` 函数读取转换后的 png 图片。 需要注意的是，使用 cwebp-bin 转换图片需要先安装 libwebp 库，可以通过以下命令安装： ```bash sudo apt-get install libwebp-dev ``` 在 Windows 上，可以从官网下载对应的二进制包进行安装。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

全栈工程师修炼指南

原创不易，赞赏鼓励!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值