网站上常常一张图片,多个地方需要使用不同的尺寸,一般的方案是上传的时候,根据不同的尺寸用程序生成多张图片。
这么做有两个缺点:
1.如果需要新的尺寸图片的话,只能遍历下数据库,重新生成一次图片。
2.图片的尺寸会越来越多,要存的图片也越来越多,仅仅是因为他们的尺寸不同。
nginx有个模块,可以处理此内容,http_image_filter_module,可以重新根据定义的大小来压缩后台代理服务器的原始图片,经测试,效果不错。
此模块默认是不安装的,插件名称http_image_filter_module ,安装nginx的时候,使用--with-http_image_filter_module来进行安装
安装方法,http://mushme.iteye.com/blog/1870080
server{
listen 8282;
server_name simg.frady.info;#小尺寸图片的域名
root /web/www/ROOT/;
location /picture/ {#此目录下的图片会被统一裁切
image_filter test;
proxy_pass http://img.frady.info;#原始图片的域名
image_filter resize 60 60;
# image_filter rotate 90;#旋转90度,这东西实际的使用场景有吗,在页面上旋转图片是用这个做?
error_page 415 = /nopic.jpg;
}
}
下面的配置可以反馈图片的信息
location /picture/ {
proxy_pass http://img.frady.info;
image_filter size;
}
结果如
{ "img" : { "width": 208, "height": 181, "type": "jpeg" } }
官网链接:http://nginx.org/en/docs/http/ngx_http_image_filter_module.html
分享到:
相关推荐
在做自动静态化的时候,突然想到...其实,nginx是一个强大的反向代理服务器,通过它的rewrite模块,我们可以实现自动产生缩略图,也不用轮询数据库了。产品设计,要什么尺寸的,客户端直接通过某种规则访问就是了,我
这通常涉及到在nginx配置文件中添加与图片处理相关的location块,并指定缩略图生成的参数,例如图片的尺寸、格式等。 9. 配置完缩略图插件后,需要重新加载nginx的配置(使用命令nginx -s reload),这样设置才会...
它提供了一系列特性,包括视频流、元数据处理和自动生成缩略图等。通过vod-module-sprite库,我们可以利用这些功能来创建精灵图,而无需编写复杂的图像处理代码。 vod-module-sprite的主要特点可能包括: 1. **...
生成缩略图时,可以保持原始宽高比或指定固定尺寸。这涉及图像的重采样,以减少像素数量。 4. 图像翻转:图像翻转包括水平翻转和垂直翻转,可以创建镜像效果。在设计中,翻转图像有时用于对称布局或创造特殊视觉...
- 裁剪:根据指定的坐标和大小进行裁剪,可用于生成缩略图。 - 旋转:支持常见角度的图像旋转,如90度、180度和270度。 - 质量控制:可以调整JPEG和PNG等格式的图像压缩质量,平衡图像质量和文件大小。 - 添加...
基于Django3.2.7+Vue2+ElementUI的相对比较自动化生成的后台管理系统。借助SimpleUI开源项目对Django原生的Admin后台管理页面进行了二次开发和优化改进而生成的比较现代化的后台...Nginx 配置实现媒体文件的缩略图功能
自动给上传及本地化图片添加水印 自动提取首张图片为缩略图 自动生成任意大小缩略图 幻灯片模式图片展示页支持静态缓存,全站生成HTML内置采集器,迅速从网络抓取图文自由分类,自动生成导航和内容调用 模板分离设计,...
·自动生成任意大小缩略图 ·幻灯片模式图片展示页 ·支持静态缓存,全站生成HTML ·内置采集器,迅速从网络抓取图文 ·自由分类,自动生成导航和内容调用 ·模板分离设计,轻松设计模板 ·方便自由的模板方法,可以...
·自动生成任意大小缩略图 ·幻灯片模式图片展示页 ·支持静态缓存,全站生成HTML ·内置采集器,迅速从网络抓取图文 ·自由分类,自动生成导航和内容调用 ·模板分离设计,轻松设计模板 ·方便自由的模板方法,可以...
·自动生成任意大小缩略图 ·幻灯片模式图片展示页 ·支持静态缓存,全站生成HTML ·内置采集器,迅速从网络抓取图文 ·自由分类,自动生成导航和内容调用 ·模板分离设计,轻松设计模板 ·方便自由的模板方法,可以...
在图片处理方面,通过Lua判断请求条件后,Python可以进行图片的基本处理,如缩略图生成、水印添加等,还可以自动进行图片判断优化,例如根据客户端支持情况自动适配WebP格式或提供JPEG图片的质量优惠和渐进式JPEG...
- **自动创建缩略图**:当上传新图片时,系统会自动生成缩略图,以节省用户手动操作的时间和提高效率。缩略图的大小和质量可以根据配置进行调整,以适应不同的显示环境和网络条件。 - **子文件夹管理**:为了保持...
9. pic.php: 这可能是一个处理图片相关请求的PHP脚本,如动态生成缩略图、处理图片上传等。在淘宝客网站中,处理商品图片是非常常见的一种功能。 通过这些文件,我们可以推断这个淘宝客源码可能基于PHP语言开发,...
系统设置:基本设置、联系方式设置、水印设置、文件上传设置、站长统计设置、百度分享设置、缩略图设置、数据库设置、邮箱设置、语言设置、第三方登录设置、手机网站设置、其它设置等 系统管理:自定义标签管理、...
系统设置:基本设置、联系方式设置、水印设置、文件上传设置、站长统计设置、百度分享设置、缩略图设置、数据库设置、邮箱设置、语言设置、第三方登录设置、手机网站设置、其它设置等 系统管理:自定义标签管理、...
这种架构可以有效地提高系统的并发处理能力,同时也支持动态缩略图的生成,如"**Nginx动态缩略图方案.txt**"中可能详述的那样。 ### 5. 文件上传与下载流程 - **文件上传**:客户端首先连接Tracker Server,获取到...
9.自动生成任意大小缩略图 10.幻灯片模式图片展示页 11.支持静态缓存,全站生成HTML 12.内置采集器,迅速从网络抓取图文 13.自由分类,自动生成导航和内容调用 14.模板分离设计,轻松设计模板 15方便自由的模板...
同时,对于图片,系统还会自动生成缩略图,方便用户快速浏览和识别。 4. **文件大小限制**:考虑到服务器存储和性能,系统可能对上传文件的大小进行了限制,但具体限制值需根据实际配置设定。 5. **权限管理**:...