如何通过Nginx的http_image_filter_模块实现在线图片的实时裁剪与防刷

阿强姑娘_1854

阿强姑娘_1854

2026-05-24

977人浏览

原创

Nginx的http_image_filter模块仅支持图片缩放、裁剪、旋转等基础处理,不具备防刷能力,需结合限流、Referer校验、Token鉴权等机制实现安全防护。

如何通过nginx的http_image_filter_模块实现在线图片的实时裁剪与防刷

Nginx 的 http_image_filter 模块可实现轻量级图片实时处理(如缩放、裁剪、旋转),但不支持防刷——防刷需结合其他机制(如限流、鉴权、Referer/UA校验、Token签名等)。该模块本身无安全防护能力,仅负责图像变换。

一、启用 image_filter 模块并配置基础裁剪

确认 Nginx 编译时已启用 --with-http-image-filter-module(官方开源版默认不包含,需自行编译或使用 OpenResty/Tengine):

  • 检查模块:运行 nginx -V 2>&1 | grep -o with-http-image-filter-module,有输出即支持
  • 在 http 或 server 块中加载模块(无需显式 load,启用即生效)
  • 配置 location 实现按参数裁剪(示例:宽高固定裁切):
location ~ ^/img/(.+)\.(jpg|jpeg|png|gif)$ {
    alias /var/www/images/;
    image_filter crop 300 200;        # 强制裁为 300×200(居中截取)
    image_filter_jpeg_quality 85;
    image_filter_sharpen 50;
    expires 1h;
    add_header Cache-Control "public";
}

支持的指令包括:resize(等比缩放)、crop(等比缩放后居中裁剪)、rotate(90/180/270度)。注意:crop 要求原始图尺寸 ≥ 目标尺寸,否则返回 415 错误。

二、动态裁剪:通过 URL 参数控制尺寸(需配合 map + rewrite)

原生模块不解析 URL 参数,需用 map 提取参数,并通过 rewrite 映射到带尺寸的 location:

Nginx Reverse Proxy
Nginx Reverse Proxy

配置 Nginx 反向代理,实现域名绑定。用户说“绑定域名”“配置 Nginx”“反向代理”时触发,将域名绑定到指定 IP:端口。

下载
  • 定义变量映射(在 http 块):
map $arg_w $width { default 0; ~^[0-9]+$ $arg_w; }
map $arg_h $height { default 0; ~^[0-9]+$ $arg_h; }
  • 重写请求路径(在 server 块):
location /api/thumb/ {
    rewrite ^/api/thumb/(.+)\.(jpg|jpeg|png|gif)$ /_thumb/$1.$2?w=$arg_w&h=$arg_h break;
}
location ^~ /_thumb/ {
    internal;  # 仅内部重写可访问
    alias /var/www/images/;
    image_filter resize $width $height;
    image_filter_jpeg_quality 90;
    expires 24h;
}

访问 /api/thumb/photo.jpg?w=400&h=300 即可触发对应尺寸缩放。务必加 internal 防止外部直接绕过入口访问原始图路径。

三、基础防刷必须补充的措施(image_filter 本身做不到)

仅靠 image_filter 无法防盗链、刷量或恶意调用。需组合以下手段:

  • Referer 白名单:拒绝非授权站点引用
    valid_referers none blocked server_names *.mydomain.com;<br>if ($invalid_referer) { return 403; }
  • 简单 Token 鉴权:URL 中携带时效性签名,Nginx 用 ngx_http_secure_link_module 校验
    例如:/img/photo.jpg?st=xxx&e=1717027200 → 校验签名与过期时间
  • 请求频率限制:用 limit_req 控制单 IP 图片请求频次
    limit_req zone=img_limit burst=5 nodelay;(需先定义 limit_req_zone)
  • 禁止直接访问原始图目录:将原始图放在 alias 路径外,或用 location ^~ /raw/ { deny all; }

四、注意事项与替代建议

该模块依赖 libgd,处理大图或高并发时 CPU 占用高,且不支持 WebP、AVIF 等新格式,也无渐进式加载、懒加载等前端优化能力。

  • 生产环境建议:对高频/复杂需求,改用专用图像服务(如 Thumbor、Imgix、Cloudflare Images)或 CDN 图片处理功能
  • 若必须用 Nginx,应搭配缓存(proxy_cache)避免重复处理;原始图建议预生成多套常用尺寸,静态化交付
  • 调试时开启 error_log /path/error.log debug; 可查看 image_filter 执行日志(需编译时加 --with-debug)

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

nginx

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.27

423

5

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

4107

6

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

2023.08.04

6965

6

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

601

5

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.07.09

1516

5

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

2024.08.07

3998

3

nginx部署php项目教程汇总
nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

122

12

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

557

23

Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建
Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建

本指南详解Nginx在Windows、macOS及Linux系统的安装全流程。涵盖官方包解压、Homebrew一键部署、APT/YUM源配置及Docker容器化方案。无论新手或开发者,均可快速搭建运行环境,掌握跨平台核心指令,为后续配置与调优奠定坚实基础。

2026.03.16

179

12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpEnv手册
phpEnv手册

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习