1.安装和配置nginx:

参考文档:https://blog.csdn.net/yx0628/article/details/53148451

如果存在端口占用问题,请修改nginx安装目录的conf下的nginx.conf
本机nginx的安装目录:/usr/local/nginx

nginx.conf里边的配置:server {listen       80;//如果80被占用,修改80端口server_name  localhost;location / {root html;}}
wq!//保存退出重新加载nginx如下:[root@gitlab sbin]# ./nginx -s reload

2.下载 ngx_image_thumb-master模块

安装依赖:yum install gd-devel pcre-devel libcurl-devel

下载安装模块:https://github.com/3078825/nginx-image/archive/master.zip (ngx_image_thumb-master .zip)
解压:unzip ngx_image_thumb-master .zip

nginx的安装包的目录为:/usr/local/nginx-1.9.9,此目录为安装包目录,/usr/local/nginx为安装目录

将 ngx_image_thumb-master .zip包上传至nginx安装的包的目录下:

[root@gitlab nginx-1.9.9]# ll
总用量 700
drwxr-xr-x. 6 1001 1001   4096 7月  18 14:12 auto
-rw-r--r--. 1 1001 1001 256752 12月  9 2015 CHANGES
-rw-r--r--. 1 1001 1001 390572 12月  9 2015 CHANGES.ru
drwxr-xr-x. 2 1001 1001   4096 7月  18 14:12 conf
-rwxr-xr-x. 1 1001 1001   2481 12月  9 2015 configure
drwxr-xr-x. 4 1001 1001   4096 7月  18 14:12 contrib
drwxr-xr-x. 2 1001 1001   4096 7月  18 14:12 html
-rw-r--r--. 1 1001 1001   1397 12月  9 2015 LICENSE
-rw-r--r--. 1 root root    366 7月  18 15:13 Makefile
drwxr-xr-x. 2 1001 1001   4096 7月  18 14:12 man
drwxr-xr-x. 2 root root   4096 9月  18 2017 ngx_image_thumb-master
-rw-r--r--. 1 root root  15526 7月  26 2018 ngx_image_thumb-master.zip
drwxr-xr-x. 4 root root   4096 7月  18 15:13 objs
-rw-r--r--. 1 1001 1001     49 12月  9 2015 README
drwxr-xr-x. 9 1001 1001   4096 7月  18 14:12 src

添加参数,重新编译nginx:

添加参数前需要确认nginx的原有参数:/usr/local/nginx/sbin/nginx -V (在原有的基础上增加–add-module=ngx_image_thumb-master)

[root@gitlab nginx-1.9.9]# ./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --add-module=ngx_image_thumb-master--add-module=ngx_image_thumb-master //图片的
--with-http_stub_status_module --with-http_ssl_module //ssl的//接下来make ,不能make install 这样会把原来的数据覆盖
[root@gitlab nginx-1.9.9]# make//备份原来/user/loacl/nginx/sbin 下的nginx
[root@gitlab sbin]# mv nginx nginx_copy//拷贝 /usr/local/nginx-1.9.9/objs/ 目录下的nginx到 /usr/local/nginx/sbin下
[root@gitlab sbin]# cd /usr/local/nginx-1.9.9/objs/
[root@gitlab objs]# ll
总用量 5460
drwxr-xr-x. 3 root root    4096 7月  18 14:14 addon
-rw-r--r--. 1 root root   14278 7月  18 15:13 autoconf.err
-rw-r--r--. 1 root root   38413 7月  18 15:13 Makefile
-rwxr-xr-x. 1 root root 5410795 7月  18 15:13 nginx
-rw-r--r--. 1 root root    5341 7月  18 15:13 nginx.8
-rw-r--r--. 1 root root    6337 7月  18 15:13 ngx_auto_config.h
-rw-r--r--. 1 root root     657 7月  18 15:13 ngx_auto_headers.h
-rw-r--r--. 1 root root    4034 7月  18 15:13 ngx_modules.c
-rw-r--r--. 1 root root   87800 7月  18 15:13 ngx_modules.o
drwxr-xr-x. 9 root root    4096 7月  18 14:12 src
[root@gitlab objs]# cp nginx /usr/local/nginx/sbin///修改nginx.conf(增加如下)location / {root /var/www/picture;#指定图片存放路径 access_log /usr/local/nginx/logs/images_access.log;#日志存放路径   image on; image_output on;}//配置参数说明image on/off 是否开启缩略图功能,默认关闭image_backend on/off 是否开启镜像服务,当开启该功能时,请求目录不存在的图片(判断原图),将自动从镜像服务器地址下载原图image_backend_server 镜像服务器地址image_output on/off 是否不生成图片而直接处理后输出 默认offimage_jpeg_quality 75 生成JPEG图片的质量 默认值75image_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 水印透明度,默认20image_water_text 水印文字 "Power By Vampire"image_water_font_size 水印大小 默认 5image_water_font 文字水印字体文件路径image_water_color 水印文字颜色,默认 #000000//重新加载nginx :./nginx -s reload浏览器中输入:ip:端口号/1.jpg
例如:http://192.168.1.24/1.jpg //原图 1.jpg这张图片是在/var/www/picture路径下存在的http://192.168.1.24/1.jpg!c300x300.jpg //缩略图#有关参数:c参数按请求宽高比例从图片高度10%处开始截取图片,然后缩放到指定尺寸m参数按请求宽高比例从图片中截取图片,然后缩放到指定尺寸t参数按请求宽高比例缩放到指定尺寸w参数按请求宽高比例缩放到指定尺寸,空白处填充白背景颜色

nginx配置插件压缩(切)图片相关推荐

  1. nginx 跨服务器显示图片,centos6.6下nginx配置远程服务器上图片访问

    将远程图片服务器挂载到Nginx所在服务器上,然后在Nginx上配置访问. 步骤 两台服务器信息如下: 服务器名称 服务器IP 共享目录 服务器说明 A 10.100.1.10 /mnt/data N ...

  2. NGINX配置以及优化

    1. Apache服务器和nginx的优缺点: 我们之前大量使用Apache来作为HTTPServer. Apache具有很优秀的性能,而且通过模块可以提供各种丰富的功能. 1)首先Apache对客户 ...

  3. 配置nginx的Gzip功能实现网页的压缩和图片的压缩

    1.为什么要用GZIP实现网页和图片的压缩?nginx怎么实现压缩的? 使用Gzip压缩可以提高CPU 使用率,可以减少服务器发送的字节数量.这就使人们觉得页速度加快了,并且还减少了带宽的用量. 根据 ...

  4. nginx 配置图片服务器 文件大小,nginx 配置图片服务器 文件大小

    nginx 配置图片服务器 文件大小 内容精选 换一换 该任务指导用户使用Loader将数据从SFTP服务器导入到HDFS/OBS.创建或获取该任务中创建Loader作业的业务用户和密码.确保用户已授 ...

  5. Nginx开启gzip压缩配置参数

    Nginx开启gzip压缩配置参数 场景 图片资源较大,前端页面响应加载时间较长 解决方案 开启nginx的gzip进行资源的压缩,可以达到压缩静态文件大小,提高页面访问速度,节省流量和带宽的效果. ...

  6. nginx 配置图片自动裁剪

    nginx 配置图片自动裁剪 Image Filter module(图像过滤处理模块) 让不同部分能协同工作,nginx需要编译进图像滤波,代理和安全链接三个模块 nginx配置 location ...

  7. Nginx实战(二) Rewrite + 图片的压缩过滤

    文章目录 Nginx实战(二) Rewrite + 图片的压缩过滤 1.图片的压缩过滤 2.HTTPS加密认证 3.Nginx的rewrite rewite规则 网页重写的具体实现 如何实现两个域名之 ...

  8. nginx配置访问图片路径(windows)

    简介 Nginx(("engine x")由俄罗斯的程序设计师Igor Sysoev所开发)是一款自由的.开源的.高性能的HTTP服务器和反向代理服务器:同时也是一个IMAP.PO ...

  9. nginx加载html目录下图片,nginx配置访问图片路径以及html静态页面的调取方法

    nginx配置访问图片路径以及html静态页面的调取方法 发布时间:2017-03-09 12:06 来源:互联网 当前栏目:web技术类 给大家讲一个快速配置nginx访问图片地址,以及访问html ...

最新文章

  1. ISA---不能访问网址或是多次刷新才能访问的解决方法一则
  2. c# hdf5 写string_聊一聊C#8.0中的 await foreach
  3. Google是否会成为下一个微软?
  4. python是个啥-初识python: 面向对象是个啥?
  5. CF1146F: Leaf Partition(树形dp)
  6. 软件测试技术lab1 2017.3.13
  7. Windows CE下驱动程序开发基础
  8. Android 几种解析XML文件方式的区别
  9. 【优化求解】基于matlab粒子群算法求解仓库成本控制优化问题【含Matlab源码 1577期】
  10. 结构化分析和面向对象分析的区别 例子_淘宝客佣金是什么意思?跟淘宝客服务费有什么区别?-【邯郸seo】...
  11. 计算机专业定向选调,兄弟们,关于定向选调和找工作,JR们能不能给小弟一些建议...
  12. 教师信息计算机信息培训心得,小学教师信息技术培训心得体会
  13. 最好用的 6 款 Vue 实时消息提示通知(Message/Notification)组件推荐与测评
  14. php中errorreporting,php中error_reporting函数用法详解_PHP教程
  15. 从 sourcemap 中获取源码
  16. 参与Gitlab开源库开发指南
  17. Thread.currentThread()方法、进程、线程、多线程相关总结(二)
  18. 宇视科技POE摄像机供电方式
  19. 从沟通的一般模型想到互联网,再想到数字媒体,最后想到信息世界
  20. currentFrame / totalFrames / framesLoaded

热门文章

  1. Advanced Installer16.9运行环境配置
  2. 史上最糟糕简历:长度超过一页 使用过多术语
  3. MySQL 国庆期间每类视频点赞量和转发量
  4. QT: skipping incompatible xx/xxx.dll when searching for -lxxx
  5. 扬州和苏州计算机发展前景,地理答啦:扬州和苏州这两座城市,你更喜欢的是?...
  6. 科学计算机和普通计算器,[财经]普通计算器和科学计算器的区别是什么?手机计算器阵亡是怎么回事? - 南方财富网...
  7. 因缺失增量信息而导致recoverseg恢复失败的情况
  8. 图书管理系统Java Swing版本
  9. 晚星就像你的眼睛,杀人又放火
  10. idea中git打tag详解