电商图片降质--nginx解决方案

最新推荐文章于 2023-10-08 08:05:52 发布

落叶翩翩

最新推荐文章于 2023-10-08 08:05:52 发布

阅读量812

点赞数

分类专栏： java web开发文章标签： nginx 图片电商

本文链接：https://blog.csdn.net/bolg_hero/article/details/74355504

版权

java web开发专栏收录该内容

237 篇文章 0 订阅

订阅专栏

原图：

路径：https://image.xxxx.com/images/seller/163/9ee94e90-6984-4653-834d-3998116b87a1.jpg

尺寸：800*800

大小：15.1K

降质后图片：

路径：https://image.xxxx.com/rs/images/seller/163/9ee94e90-6984-4653-834d-3998116b87a1.jpg?w=400&h=800

尺寸：400*400

大小：9.1K

nginx核心代码

编译模块示例：

--prefix=/opt/tools/nginx1.6.2 --with-http_ssl_module --with-pcre --with-http_image_filter_module

配置示例：

#图片缩放/rs/images/seller/1/6a8c20df-dcd8-4d6c-b89c-363926983e4b.jpg
   location ^~ /rs/ {
       alias /data/imageserver/webapps/ROOT/;
       image_filter resize $arg_h $arg_w;#w和h取最小值，注意！！！！
       image_filter_buffer 10M;
       image_filter_jpeg_quality    95;#质量
   }

#匹配任何已 /images/ 开头的任何查询并且停止搜索。任何正则表达式将不会被测试。
   location ^~ /images/ {
       image on;
       image_output on;

       image_filter resize - -;
       image_filter_jpeg_quality    45;
       root /data/imageserver/webapps/ROOT;
   }

另一功能强大图片处理插件：

https://github.com/3078825/ngx_image_thumb

其他参数说明：

image on/off 是否开启缩略图功能,默认关闭

image_backend on/off 是否开启镜像服务，当开启该功能时，请求目录不存在的图片（判断原图），将自动从镜像服务器地址下载原图

image_backend_server 镜像服务器地址

image_output on/off 是否不生成图片而直接处理后输出 默认off

image_jpeg_quality 75 生成JPEG图片的质量 默认值75

image_water on/off 是否开启水印功能

image_water_type 0/1 水印类型 0:图片水印 1:文字水印

image_water_min 300 300 图片宽度 300 高度 300 的情况才添加水印

image_water_pos 0-9 水印位置 默认值9 0为随机位置,1为顶端居左,2为顶端居中,3为顶端居右,4为中部居左,5为中部居中,6为中部居右,7为底端居左,8为底端居中,9为底端居右

image_water_file 水印文件(jpg/png/gif),绝对路径或者相对路径的水印图片

image_water_transparent 水印透明度,默认20

image_water_text 水印文字 "Power By Vampire"

image_water_font_size 水印大小 默认 5

image_water_font 文字水印字体文件路径

image_water_color 水印文字颜色,默认 #000000

调用说明

这里假设你的nginx 访问地址为 http://127.0.0.1/

并在nginx网站根目录存在一个 test.jpg 的图片

通过访问

http://127.0.0.1/test.jpg!c300x200.jpg 将会生成/输出 test.jpg300x200 的缩略图

其中 c 是生成图片缩略图的参数， 300 是生成缩略图的 宽度 200 是生成缩略图的高度

一共可以生成四种不同类型的缩略图。

支持 jpeg / png / gif (Gif生成后变成静态图片)

C 参数按请求宽高比例从图片高度 10% 处开始截取图片，然后缩放/放大到指定尺寸（ 图片缩略图大小等于请求的宽高 ）

M 参数按请求宽高比例居中截图图片，然后缩放/放大到指定尺寸（ 图片缩略图大小等于请求的宽高 ）

T 参数按请求宽高比例按比例缩放/放大到指定尺寸（ 图片缩略图大小可能小于请求的宽高 )

W 参数按请求宽高比例缩放/放大到指定尺寸，空白处填充白色背景颜色（ 图片缩略图大小等于请求的宽高 ）

调用举例

落叶翩翩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
电商图片降质--nginx解决方案

原图：路径：https://image.xxxx.com/images/seller/163/9ee94e90-6984-4653-834d-3998116b87a1.jpg尺寸：800*800大小：15.1K降质后图片：路径：https://image.xxxx.com/rs/images/seller/163/9ee94e90-6984-4653
复制链接

扫一扫