WebP是由Google推出的一种全新图片文件格式，也是Telegram Stickers 主力使用的文件格式，可为 Web 上的图像提供卓越的无损和有损压缩, 它是在保证原有的图像质量前提下尽可能减少图形体积的一种格式..., 使用WebP网站管理员和 Web 开发人员可以创建更小、更丰富的图像，从而使 Web 加载性能的提升更快。...因此，它是一个具有八位色彩深度和以1:2的比例进行色度子采样的亮度-色度模型（YCbCr 4:2:0）的基于块的转换方案。...AVIF 支持，因为将图像转换为 AVIF 会消耗 CPU。...nginx; $ more /usr/local/nginx/conf.d/blog.conf # 访问规则 (关键部分) location ~* \.(?
因此在我们的业务场景下AVIF对比WEBP、HEIF等主流格式，在兼容性、图片质量、压缩效率和压缩耗时上是否有优势，还需要进行实际测试才能确认。...相比直接去批量修改素材，我们可以在CDN侧配置回源规则来添加COS图片压缩格式后缀，更轻松的实现AVIF或其他压缩格式图片的转换。...webp也类似。参考CDN回源规则配置如下：$uri ~ \?imageMogr2/format/avif{ $accept !...因此我们需要更换一套新方案来落地：1）使用腾讯云数据工作流-图片处理功能，一次性将cos桶中存量图片批量转换成avif和webp2）工作流监听cos桶新增或变更情况，将新图片实时生成avif和webp。...如新增或者替换/XXX/a.png，同目录下也会自动生成一个 /XXX/a.png.avif 和 /XXX/a.png.webp 两张图片3）调整CDN规则，根据accept头回源新格式的图片 $
官网 https://nginx.org/en/docs/http/ngx_http_core_module.html#location location 规则详解 Nginx的location指令工作原理如下...如果找到精确匹配，Nginx停止搜索其他匹配。 普通字符匹配，正则表达式匹配以及长的块规则将优先于其他查询匹配。换句话说，如果某个项匹配成功，Nginx还会继续检查是否有正则表达式匹配和更长的匹配。...如果使用了^~，则只匹配该规则，Nginx停止搜索其他匹配；否则，Nginx会继续处理其他location指令。...最后，按照匹配程度最高的逐字匹配指令，如果找到相应的匹配，Nginx停止搜索其他匹配。 这些规则确保了location指令的匹配行为，并使得开发者能够有序地控制请求的路由和处理。...由于 usg=0 和 usg=1 这两个参数是互斥的，因此放在 location 块的顶部即可正确处理。
如果第3条规则产生匹配的话，结果被使用。否则，如同从第2条规则被使用。...条件可以是下列任意一种： 变量名；如果变量值为空或者是以“0”开始的字符串，则条件为假； 使用“=”和“!...如果正则表达式中包含字符“}”或者“;”，整个表达式应该被包含在单引号或双引号的引用中。 使用“-f”和“!-f”运算符检查文件是否存在； 使用“-d”和“!...如果replacement的字符串以“http://”或“https://”开头，nginx将结束执行过程，并返回给客户端一个重定向。...这里的变量名和php的语法差不多。变量名前面定义$代表定义变量(set)或者引用变量。
为了解决这些问题，我们可以使用图片预处理工具，对网站图片进行优化和处理，例如：转换图片格式为webp或avif，这两种格式可以在保持图片质量的同时，大幅减少图片大小。...Webox 是一款基于PHP和Nginx的轻量级Web应用容器，它可以快速地部署和运行任何PHP应用，例如WordPress、Flarum、Discuz、Typecho等。...Webox 还支持多版本PHP和多版本Nginx，可以根据应用的需求来选择不同的版本，详见 https://github.com/rehiy/webox-docker。...为了快速部署应用，我们使用了两个容器化的应用程序：rehiy/webox:nginx-php8.1 和 imgproxy。前者用于部署Flarum，后者用于部署Imgproxy。...，并始终生成AVIF图像（浏览器不支持则忽略）IMGPROXY_ENFORCE_WEBP 设置是否强制使用WEBP格式，如果为true，imgproxy将忽略请求中指定的格式，并始终生成WEBP图像（浏览器不支持则忽略
2. nginx 预定义变量 nginx 配置文件中可以使用很多变量，rewrite 的规则就是在配置文件中定义的，因此，首先了解 nginx 有哪些预定义变量更加有利于我们去了解和配置 rewrite...规则。...nginx 配置中可以出现的变量，同时也可以通过 set 指令创建变量。 可以通过第三方模块 echo-nginx-module 查看配置中 相应变量的值。...= 比较一个变量和字符串是否相等 ~、~* 使用正则表达式匹配变量 -f、!-f 检查一个文件是否存在 -d、!-d 检查一个目录是否存在 -e、!-e 检查一个文件、目录、符号链接是否存在 -x、!...location内剩余非rewrite语句和location外的的非rewrite语句可以执行 redirect — 如果replacement不是以http:// 或https://开始，返回302临时重定向
概述 大家都知道Nginx有很多功能模块，比如反向代理、缓存等，这篇文章总结下我们这些年实际环境中那些有用的Nginx规则和模块，大部分是用法的概括及介绍，具体细节在实际配置时再自行google。...另外可以直接代理所有80端口的http流量： 如果是想代理https的站点也不是不可能，只是需要自行处理CA证书导入即可，而且经过https中转的流量对nginx是透明的，也就是有证书的时候做窃听和劫持的情况...2.3 变量 nginx里面支持正则匹配和变量配置，默认的变量比如remote_addr、request_filename、query_string、server_name之类的，这些组合在一起可以做很多规则...2.8internal关键词 这个关键词很少见，但有时候是很有用的，比如在有很多规则时候，突然需要针对某个目录转为nginx内部处理。...3.1 stream 端口转发的模块，从nginx1.9版本才开始支持，包含tcp和udp的支持，和IPTABLES相比这个虽然是应用层，会监听端口，但是配置起来很方便，比IPTABLES灵活，在tcp
为了解决这些问题，我们可以使用图片预处理工具，对网站图片进行优化和处理，例如： 转换图片格式为webp或avif，这两种格式可以在保持图片质量的同时，大幅减少图片大小。...Webox 是一款基于PHP和Nginx的轻量级Web应用容器，它可以快速地部署和运行任何PHP应用，例如WordPress、Flarum、Discuz、Typecho等。...Webox 还支持多版本PHP和多版本Nginx，可以根据应用的需求来选择不同的版本，详见 https://github.com/rehiy/webox-docker。...为了快速部署应用，我们使用了两个容器化的应用程序：rehiy/webox:nginx-php8.1 和 imgproxy。前者用于部署Flarum，后者用于部署Imgproxy。...，并始终生成AVIF图像（浏览器不支持则忽略） IMGPROXY_ENFORCE_WEBP 设置是否强制使用WEBP格式，如果为true，imgproxy将忽略请求中指定的格式，并始终生成WEBP图像（
昨天为单位的Ngnix服务器配置了一个Rewrite规则，以防止符合特定规则的图片被盗链。同时，还有一个需求就是，从我们的管理站点来的请求应该可以访问这些图片。...，在解决 valid_referers 这个配置的时候，按照网上的一些文章，总是不能够生效。...后来看了官方的资料后，才知道要加上 server_names 这个参数。 ? 由此可见，网上的很多资料都没有经过博主的验证，大家只是简单的转载。...希望今后能够有更多的经过验证的，负责任的文章出现网络上，而不是简单的转载。 当然，这里写的这个规则只能是简单的做一些盗链的防范。...想要更深入的防止盗链现象的发生，还有很多的工作可以做，这里并没有深入下去。
老蒋最近有接触到ThinkPHP框架，对于这个框架之前有听说应该还是相当有知名度的，但是自己也用不上就没有去了解。...最近技术有开发的项目用的是ThinkPHP，我在部署的时候告诉我用Apache，但是我一般公司部署的WEB环境都是Nginx，然后搜索文档看到还是有Apache和Nginx伪静态规则支持的。...这里把Apache和Nginx伪静态整理出来下次用的时候用Nginx系统，这次就根据他说的先用Apache。...-f RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L] 第二、Nginx location / { if (!...s=$1 last; break; } } 下次需要用的时候直接复制去使用。 本文出处：老蒋部落 » ThinkPHP Apache和Nginx伪静态规则整理 | 欢迎分享
一、server_name匹配规则 1、Nginx的server_name匹配规则 ①匹配IP地址和listen指令指定的IP和端口； ②将Host头字段作为字符串匹配server_name指令； ③...More about this later. 6、host未空时的响应 clipboard.png 二、location匹配规则 1、Nginx的location匹配规则 ①如果命中精确匹配，则优先精确匹配...{ proxy_pass http://www.nginx.org; } #当访问不存在的http://192.168.7.3/en/ 时将会重定向到http:...//www.nginx.org/en/ 3、总结location匹配规则 正则 location 匹配让步普通location 的严格精确匹配结果；但覆盖普通 location 的最大前缀匹配结果 4、...规则顺序示例 假设当前配置是：location /exact/match/test.html { 配置指令块1}，location /prefix/ { 配置指令块2} 和 location ~ \.html
演讲内容是由quiche支持的QUIC和HTTP/3协议。quiche是Cloudflare开发的一款软件，用以支持curl和nginx上的QUIC和HTTP/3协议。...演讲者首先展示了quiche的源码和文档示例，最后分别给出了quiche在Curl和nginx上的安装和使用方法示例。...演讲者首先简要介绍了AV1图像格式AVIF，然后讲述了AVIF的性能，包括位宽，颜色空间，HDR等，接着演讲者给出了AVIF支持HDR图像的示例。...然后，演讲者研究了几种格式对低分辨率图像（571x800）的压缩性能，结果AVIF的性能要优于HEVC，JEPG 2000和WebP。...此外，演讲者也比较了各种图像格式的编码时间和解码时间，从结果来看AVIF的性能表现相当好。最后，演讲者介绍了一些AVIF的读写工具。
nginx的防盗链规则 location ~* \.
zblog的nginx伪静态规则与apache伪静态规则是不一样的 下面是zblog的伪静态规则，Apache的伪静态规则，以后会陆续的发这里， 有需要的朋友，可以通过右侧的搜索框在本站进行搜索，也可以查看右侧的...-f $request_filename){ rewrite (.*) /index.php; } 友情提示一下， 如果是在linux系统中，大家可以把以上伪静态规则添加到 default.conf...这个文件中去， 如果是使用群辉做的web服务器， 就需要找到网站的虚拟主机相对应的文件夹，然后添加自定义的conf文件， 这样，当系统重启的时候，规则才不会被还原掉！...群晖的系统与linux 的系统还是有一点差别的！ 大家千万注意！！
Nginx几乎是当下绝大多数公司在用的web应用服务，熟悉Nginx的配置，对于我们日常的运维工作是至关重要的，下面就Nginx的location配置进行梳理： 1）location匹配的是nginx的哪个变量...，比如 Windows ，~ 和 ~* 都是不起作用的，这主要是操作系统的原因。...精确匹配 > 字符串匹配( 长 > 短 [ 注: ^~ 匹配则停止匹配 ]) > 正则匹配( 上 > 下 ) 在nginx的location和配置中location的顺序没有太大关系。.../localhost/a.gif, http://localhost/b.jpg 将匹配规则D和规则E，但是规则D顺序优先，规则E不起作用，而 http://localhost/static/c.png...6）访问 http://localhost/a.xhtml 不会匹配规则F和规则G，http://localhost/a.XHTML不会匹配规则G，因为不区分大小写。
1.摘要 nginx Rewrite规则可以让网站的url中达到某种状态时定向/跳转到某个规则，本文具体介绍这些规则和说明。 2....内容 2.1 Rewrite规则 rewrite功能就是，使用nginx提供的全局变量或自己设置的变量，结合正则表达式和标志位实现url重写以及重定向。...://walidream.com/break，根据上面的nginx规则，肯定会匹配到第一个，匹配到第一个之后，根据rewrite正则，url由原来的/break变为/test/但是在root/opt/code...假设我们在页面上访问url是http://walidream.com/imooc，根据nginx匹配规则会匹配到第一个location，会重写url，返回一个带有302状态代码，重写后的url是http...（2）nginx rewrite规则(23) https://www.imooc.com/article/283363
Apache 在Apache下，利用mod_rewrite来实现URL的静态化。.../index.php [L] # END WordPress Nginx 在上次《Nginx的Rewrite配置》中有个朋友问WordPress如何配置Rewrite，当时也没给个完整正确的答案...，最近自己需要Nginx下配置，不得不去解决这个问题。...其实在Nginx下配置WordPress的Rewrite还是比较简单的，在location /{………………}里面加入 if (!...下面是一个完整的vhost的配置文件 server { listen 80; server_name chinaz.com down.chinaz.com; location / {
这几天一直在纠结CodeIgniter框架的问题，一个项目是用到CodeIgniter框架配置的，但是由于之前运维人员跑路且数据也丢失，无奈我来帮助恢复N月之前也不知道是不是备份完整的数据。...作为应该是比较知名的PHP框架之一CodeIgniter，虽然老蒋以前都没有听说过，但是这几天查阅资料发现用户还是非常多的。...通过这篇文章，将CodeIgniter框架用到的伪静态规则记录下来，以便以后需要用的时候复制使用，这个很关键，差一点点导致我2天时间一直在无比的纠结中。...第一、Nginx规则 location / { if (!...本文出处：老蒋部落 » CodeIgniter框架Apache和Nginx伪静态规则记录 | 欢迎分享
如果您想要自己部署一个在线版本，可以直接使用nginx进行部署，并将这两个文件放入html文件夹中。...如果家人们有对nginx不太熟悉的朋友可以翻阅我们历史的文章Nginx简介与Docker Compose部署指南。...gif、base64、avif、mozjpeg,提供了多个可自定义选项来满足常见需求。...对我来说比较实用的就是图片格式转换和压缩的这个功能，配置这块比较容易理解，大家在使用的时候根据自己的需求配置即可。...以下是一个转换示例 视频字幕拼接工具 我在此处做了个简单的图片反转和拼接示例 总结 在这个快节奏的网络世界中，图片格式转换工具对于满足不同用户需求至关重要。
http://aomedia.org/ AOM 开发 AVIF 的目的是提供免版税的图像，与现有的图像格式相比，具有更好的压缩效率和更多的功能支持。...AVIF 现在有来自 Google，Netflix 和 Apple 等大公司的支持者。 为什么 AVIF 更好？...在它的前辈(WebP、JPEG-XR、JPEG2000 和PNG、GIF)之后，AVIF 兼容高动态范围成像。它支持全分辨率的 10 位和 12 位颜色，所生成的图像比其他已知格式小 10 倍。...Mozilla 仍在努力支持 Firefox 中的图像格式。 最后 AVIF 是一个游戏规则的改变者，很快就会成为世界上真正的图像格式。由于它的潜在功能，它很可能很快就会在所有平台上获得全面支持。...与谷歌的WebP图像不同，苹果花了整整 10 年的时间来支持，AVIF很快就引起了苹果的兴趣，以至于他们现在为这个项目做出了贡献。 你准备好在网站上开始使用 AVIF 了吗？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
