首页 > 系统相关 >nginx 图片压缩

nginx 图片压缩

时间:2022-10-10 11:34:09浏览次数:82  
标签:tar 编译 压缩 filter nginx image 图片

说明

  • 本文使用的nginx是用编译后安装的方式
  • 本文添加模块是在编译前,进行配置需要ngx_http_image_filter_module模块

步骤

  1. 安装nginx
    • 运行命令下载文件包
      wget http://nginx.org/download/nginx-1.22.0.tar.gz
      
    • 解压安装包
      tar -xzvf nginx-1.22.0.tar.gz
      
    • 配置模块
      cd ./nginx-1.22.0
      ./configure --with-http_image_filter_module
      
    • 编译安装
      • 安装后的nginx会在/usr/local/nginx
      • nginx命令放在/usr/local/nginx/sbin/
      • nginx默认配置文件放在/usr/local/nginx/conf/下面
      • 命令
        make
        make install
        
  2. 使用
    • 我这边是简单地使用展示一个目录/img,对目录中的图片进行压缩
    • 所以我的配置文件是这样的
      server {
      	listen 8080;
      	location / {
      		root /img/;
      		autoindex on;
      		charset utf-8;
      	}
      	location ~*/(.+)\.(jpg|png) {
      		root /img/;
      		charset utf-8;
      		image_filter resize 720 -;
      		image_filter_buffer  10M;
      	}
      }
      
    • 效果
      • 展示图片列表
        image
      • 实际上展示图片只有几十k
        image

标签:tar,编译,压缩,filter,nginx,image,图片
From: https://www.cnblogs.com/cgengwei/p/16775050.html

相关文章

  • 给NGINX添加几个常用的安全选项
    add_headerX-XSS-Protection1;add_headerX-Frame-OptionsSAMEORIGINalways;add_headerX-Content-Type-Options'nosniff';add_headerReferrer-Policy "no-referre......
  • SAP GUI 修改轻松访问 easy access的背景图片
    0x01SAPgui提供了丰富的界面风格设定功能,跟Windows桌面主题一样,可以任意设定自己喜欢的颜色风格。不过美中不足,它的背景图片却比较单调,天天看惯了正式系统的蔚蓝水池或......
  • 修改Nginx配置返回指定content-type的方法详解
    nginx作为一个http服务器,在功能实现方面和性能方面都表现的非常优越,下面这篇文章主要给大家介绍了关于修改Nginx配置返回指定content-type的相关资料,需要的朋友可以参考......
  • Nginx面试题
    1、请解释一下什么是Nginx?Nginx是一个web服务器和反向代理服务器,用于HTTP、HTTPS、SMTP、POP3和IMAP协议。2、请列举Nginx的一些特性。Nginx服务器的特性包括:反......
  • 上传多张图片的布局 flex布局 uniapp
    1<viewclass="input"style="display:flex;">2<spanclass="title"style="font—size:16px;">图像信息:</span>3<viewclas......
  • nginx+uwsgi 部署 django项目
    一、nginx:1.目录结构、常用命令和查杀进程:/usr/sbin/nginx:主程序/etc/nginx:存放配置文件/usr/share/nginx:存放静态文件/var/log/nginx:存放日志2.命令:servicenginxsta......
  • Nginx 反向代理教程
       官网地址:https://nginx.org/en/download.html  1.修改Nginx监听端口号8089server{listen8089;server_namelocalhost;......
  • @nginx及配置https
    文章目录​​一、rewrite伪静态实例​​​​1.搭建discuz​​​​2.rewrite规则补充​​​​1)rewrite匹配优先级​​​​2)rewrite的全局变量​​​​二、HTTPS​​​​1.模......
  • 08@nginx服务搭建及文件配置
    文章目录​​Nginxweb​​​​PHP​​​​一、Nginx概述​​​​1.nginx简述​​​​2.其他相关的web服务​​​​3.nginx特点​​​​二、Nginx和Apache​​​​1.epel源......
  • a标签下载图片,不要预览
    constdownloadhandler=()=>{constlink=document.createElement('a')//这里是将url转成blob地址将链接地址字符内容转变成blob地址fetch(icoUrl).then......