问题标签 [mozjpeg]

在 nginx 上服务之前如何在图像上执行 mozjpeg？

我似乎找不到关于 nginx 的任何文档，也找不到任何在线教程。希望有人可以向我指出一个有帮助的资源。

我想建立一个服务器来处理网站的所有图像。

我在 Nodejs 中有一个使用 Sharp 的脚本，我想用最好的库设置服务器以使用 libvips 的最大功能。

我想获得安装它的帮助。

我可以使用以下方法安装 libvips-dev：

但它没有 mozjpeg 和 libimagequant。

我在我的服务器上安装了 mozjpeg 并尝试获得与使用 mozjpeg 的 Squoosh Web 界面中相同的压缩结果

1. 我在 Squoosh Web 界面中压缩了一张图片。原始图像：testimage_original.jpg (324kb) 压缩图像：testimage_squoosh_75.jpg(51kb) (75% 并用 mozjpeg 压缩)

2. 在服务器上测试：/opt/mozjpeg/bin/jpegtran -copy none -progressive -optimize /var/www/vhosts/testpage.de/httpdocs/test-local/testimage.jpg > /var/www/vhosts/testpage.de /httpdocs/test-local/compressed.jpg

   结果只是一个到 267kb 的压缩文件。

我怎样才能在我的服务器上达到几乎相同的压缩率？

我知道它可能会下降，imagemagick但 mozjpeg 会产生更小的图像，这是可取的。

我希望通过 mozjpeg 提取视频的所有帧并将其转换为 JPEG。

我试过的：

错误信息：

当我根据运行良好的文档在 node.js 中实现它时，我正在尝试使用mozjpeg压缩图像。

我需要在客户端做压缩，所以我尝试对 react-native 做同样的事情，因为 react-native 不包含 fs 等核心节点模块，我需要去第三方库react-native -fs用于文件读取。

当我尝试mozjpeg.encode(input, { quality: 85 });在 react-native 中执行时，它会抛出Unrecognized input file format --- perhaps you need -targa

服务器端实现

客户端实现

这是我尝试过的事情的清单

• 尝试以十六进制、缓冲区、base64 和纯 URL 字符串形式输入。
• 由于 Android URL 包含file://前缀，因此我也尝试将其删除。

我想知道是否有明显的理由使用jimp与imagemin-mozjpeg来压缩 jpeg（我已经在我的项目中同时使用 imagemin 和 jimp，imagemin-webp 用于提供下一代图像，以及 jimp 将 png 转换为 jpeg在极少数情况下）所以我更多地寻找基于以下内容的推理：

1. 表现
2. 可靠性（我注意到有一些 JPEG 文件 mozjpeg 有问题并且失败了。特别是我使用 GNU Image Manipulation Program [GIMP] 的那些。）

但是，如果有人有充分的理由与上述两个不一致，我仍然想听听他们的意见。

如果有人需要，这里有一些 NPM 包的快速链接：
imagemin-
mozjpeg jimp

我在 MacOS 和 Windows 用户之间共享一个项目，随时使用我们运行 webpack（以前使用 gulp）进行生产的 JS 或 SCSS 文件进行更改。运行 webpack 后，未修改的图像文件大小不同。它们看起来相同，但二进制不同，导致 js 或 scss 文件中的最小更改被推送 200 多个图像。

gatsby-plugin-sharp（或更具体地说是 sub-dependency ）存在问题mozjpeg，它会给出异常autoreconf: not found，但问题实际上与其他依赖项有关。在许多帖子中，人们找到了各种依赖项的一种或另一种组合以使其为他们工作（例如https://stackoverflow.com/a/66170062/2475012，https://github.com/gatsbyjs/gatsby/问题/19432#issuecomment-553644600）。但是，您需要的任何确切依赖项似乎都没有明确的列表。

我在 GitHub Actions 上运行 Gatsby ubuntu-latest。我的package.json：

GitHub Actions 定义的相关部分：

autoreconf: not found它在这Install Project Dependencies一步失败。我尝试添加autoreconf到该Install System Dependencies步骤，但它已经是最新版本。我试过buildessentials了，但它也已经是最新版本了。我添加了libvips-dev，这似乎是libvips库的名称apt-get，并且确实安装了。mozjpeg在使用( https://stackoverflow.com/a/64927666/2475012 )查找相同的问题后，我添加了sudo apt-get install make nasm autoconf automake libtool dpkg pkg-config libpng-dev g++。但所有这些都nasm已经存在。

但是每次我仍然遇到autoreconf: not found问题。具体来说，完整的错误（https://github.com/Mattsi-Jansky/matt.si/runs/2051073618）：

所以我很茫然。我想我的问题是：a）我是否在这里遵循正确的线程，试图找到正确的依赖项？b）我应该添加的依赖项到底是什么？

我正在尝试使用 mozjpeg 的 BIN 子文件夹中的以下命令行：

我知道 LIB 文件确实存在，但我收到以下错误：

这特别奇怪，因为我显然在指定ZLIB_LIBRARY，但它说我不是，但不知何故它自己找到了。对于 libpng 来说并没有那么多。我究竟做错了什么？

我这个配置错了吗？我的期望image-minimizer-webpack-plugin是作为一个步骤，编译整个项目模块不正确吗？

此配置会导致所有测试的图像资产文件出现以下错误。图像文件仍然被压缩和发射；但是我不希望出现错误。

ERROR in Conflict: Multiple assets emit different content to the same filename ./imgs/[...]

上述这种无损配置不会导致此类错误。