讲师中心 微信公众号
AI工具推荐 视频效率加速

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

阿强姑娘_1854

阿强姑娘_1854

发布时间:2026-05-24 10:01:59

|

977人浏览过

|

来源于php中文网

原创

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)

热门AI工具

更多
火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞智文

一款面向学习和办公场景的AI文档创作工具,可辅助生成PPT与Word文档,提高资料整理和内容制作效率。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

码上飞
码上飞 Hot

一款基于自然语言的AI应用开发平台,可根据用户描述自动生成应用程序,帮助个人和团队快速完成应用原型与开发。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

相关专题

更多
nginx 重启
nginx 重启

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

423

2023.07.27

nginx 配置详解
nginx 配置详解

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

4107

2023.08.04

nginx配置详解
nginx配置详解

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

6965

2023.08.04

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

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

601

2024.02.23

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

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

1516

2024.07.09

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

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

3998

2024.08.07

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

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

122

2026.01.13

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

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

557

2026.01.13

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

热门下载

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

精品课程

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

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn