设为首页 收藏本站
查看: 1088|回复: 0

[经验分享] nginx缩略图的支持和访问方式

[复制链接]

尚未签到

发表于 2018-11-16 11:39:42 | 显示全部楼层 |阅读模式
  1.环境准备
  确认已经安装了libgd2-devel,libpcre-devel,libcurl-devel git 模块
  [root@slave autoInstallNginx]# #yum install -y libgd2-devel,libpcre-devel,libcurl-devel git
  2.下载nginx的tar.gz文件,并通过tar -zxvf  进行解压缩
  [root@slave autoInstallNginx]# #tar zxvf nginx-1.8.0.tar.gz
  3.下载模块源代码(git clone https://github.com/3078825/ngx_image_thumb
  [root@slave autoInstallNginx]# git clone https://github.com/3078825/ngx_image_thumb
  ),保存到nginx的源文件目录下(如/usr/local/src/nginx)
  4.配置nginx的参数 添加图片处理模块
  cd nginx-1.8.0
  ./configure --add-module=../ngx_image_thumb --prefix=/usr/local/nginx
  5.make & makeinstall 编译安装nginx
  6.通过nginx.conf文件 配置图片处理模块
  location / {
  root   html;
  index  index.html index.htm;
  image on;
  image_output on;
  image_water on;
  image_water_type 0;
  image_water_file "/usr/local/nginx/html/hanye.png";
  image_water_pos 0;
  image_water_min 300 300;
  #image_water_text Vanke.com;
  #image_water_font_size 14;
  }
  7.配置参数说明
  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
  8.调用说明
  这里假设你的nginx 访问地址为 http://127.0.0.1/
  并在nginx网站根目录存在一个 test.jpg 的图片
  通过访问
  http://127.0.0.1/test.jpg!c300x200.jpg 将会 生成/输出 test.jpg 300x200 的缩略图
  其中 c 是生成图片缩略图的参数, 300 是生成缩略图的宽度, 200 是生成缩略图的高度
  一共可以生成四种不同类型的缩略图。
  支持 jpeg / png / gif (Gif生成后变成静态图片)
  C 参数按请求宽高比例从图片高度 10% 处开始截取图片,然后缩放/放大到指定尺寸( 图片缩略图大小等于请求的宽高 )
  M 参数按请求宽高比例居中截图图片,然后缩放/放大到指定尺寸( 图片缩略图大小等于请求的宽高 )
  T 参数按请求宽高比例按比例缩放/放大到指定尺寸( 图片缩略图大小可能小于请求的宽高 )
  W 参数按请求宽高比例缩放/放大到指定尺寸,空白处填充白色背景颜色( 图片缩略图大小等于请求的宽高
  9.调用举例

  •   http://127.0.0.1/test.jpg!c300x300.jpg
  •   http://127.0.0.1/test.jpg!t300x300.jpg
  •   http://127.0.0.1/test.jpg!m300x300.jpg
  •   http://127.0.0.1/test.jpg!w300x300.jpg
  •   http://127.0.0.1/test.c300x300.jpg
  •   http://127.0.0.1/test.t300x300.jpg
  •   http://127.0.0.1/test.m300x300.jpg
  •   http://127.0.0.1/test.w300x300.jpg


运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.iyunv.com/thread-635767-1-1.html 上篇帖子: nginx rewrite 指令 下篇帖子: Windows环境将Flask应用程序部署在tornado+nginx的简单方法
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表