Nginx Gzip 怎么处理图片或视频文件已经过压缩而无需重复压缩的问题

陌萱吖_6396

陌萱吖_6396

2026-09-04

981人浏览

原创

nginx默认不压缩已压缩二进制文件,但误配gzip_types(如加入image/jpeg)或未排除application/octet-stream会导致错误压缩;应仅保留文本类mime,确保content-type与mime.types一致,并在预压缩时仅启用gzip_static on。

nginx gzip 怎么处理图片或视频文件已经过压缩而无需重复压缩的问题

Nginx 默认就不会对图片、视频等已压缩的二进制文件做 Gzip 压缩,前提是配置得当。问题往往出在人为误配——比如在 gzip_types 里加了 image/jpeg 或 video/mp4,或者没关掉动态压缩却还期望前端预压缩生效。

关键不是“Nginx 怎么处理”,而是你怎么告诉 Nginx 别去碰它们。

明确排除已压缩的二进制类型

gzip_types 只看响应头里的 Content-Type,不看文件后缀。它默认只压 text/html,一旦你自定义了 gzip_types,就会完全覆盖默认行为——所以既要写全该压的,也要确保不写不该压的:

  • ✅ 必须包含:text/html text/plain text/css application/javascript application/json text/xml application/xml+rss image/svg+xml
  • ❌ 绝对禁止加入:
    • image/jpeg、image/png、image/gif、image/webp、image/avif
    • video/mp4、video/webm、audio/mpeg
    • application/zip、application/pdf、application/x-rar-compressed
    • application/octet-stream(这是万能兜底类型,极易误伤)

注意:image/svg+xml 是例外,它是纯文本 XML 格式,应当且必须压缩。

确保 MIME 类型真实匹配

即使你没在 gzip_types 里写 image/jpeg,如果某张 PNG 图片因为 MIME 配置缺失,被 Nginx 错标为 application/octet-stream,而你又不小心把 application/octet-stream 加进了 gzip_types,那它就会被强行压缩——不仅白耗 CPU,还可能让体积变大。

Nginx Config Linter
Nginx Config Linter

对 Nginx 配置文件进行语法检查、验证和安全、性能审计。

下载

检查方法:

curl -I https://yoursite.com/static/logo.png

看响应头中 Content-Type 是否为 image/png。如果不是,就去 /etc/nginx/mime.types(或对应路径)补上:

types {
    image/png png;
    image/webp webp;
    video/mp4 mp4;
}

静态资源预压缩时,彻底关闭动态压缩

如果你用 Webpack/Vite 提前生成了 .js.gz、.css.gz,那就该让 Nginx 只走静态路径,不碰实时压缩:

  • 删除或注释所有 gzip on 及相关指令(如 gzip_comp_level、gzip_min_length)
  • 只保留一行:gzip_static on;
  • 确保 .gz 文件与原始文件权限一致、同目录、同名(如 app.js 对应 app.js.gz)

这样,请求 app.js 时,Nginx 找到 app.js.gz 就直接返回,并自动加 Content-Encoding: gzip;找不到就回退发原始 app.js(不压缩),安全又高效。

小结一下操作要点

  • 不要相信“默认不压图片”就高枕无忧,gzip_types 一错,全盘失效
  • gzip_types 里只列明确需要压缩的文本类 MIME,一个已压缩格式都别加
  • 检查实际响应头的 Content-Type,和 mime.types、gzip_types 三者必须一致
  • 预压缩场景下,gzip on 和 gzip_static on 不能共存,否则逻辑冲突

不复杂但容易忽略。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

nginx

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
nginx 重启
nginx 重启

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

2023.07.27

383

5

nginx 配置详解
nginx 配置详解

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

2023.08.04

3267

6

nginx配置详解
nginx配置详解

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

2023.08.04

5945

6

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

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

2024.02.23

561

5

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

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

2024.07.09

1476

5

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

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

2024.08.07

3938

3

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

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

2026.01.13

122

12

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

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

2026.01.13

437

23

Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建
Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建

本指南详解Nginx在Windows、macOS及Linux系统的安装全流程。涵盖官方包解压、Homebrew一键部署、APT/YUM源配置及Docker容器化方案。无论新手或开发者,均可快速搭建运行环境,掌握跨平台核心指令,为后续配置与调优奠定坚实基础。

2026.03.16

159

12

热门下载

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

精品课程

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

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习