问题标签 [image-optimization]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ios - 如何在 iOS 上将 ImageOptim 与资产目录一起使用
对于不包含在资产目录中的 PNG，可以通过COMPRESS_PNG_FILES设置禁用 Xcode 所谓的劣质优化。但是，这似乎不会影响资产目录中的 PNG（请参阅此问题和答案）。有谁知道禁用资产目录的内置优化以支持ImageOptim或类似的方法？
ruby-on-rails - 生产中 image_optim_pack 缺少二进制文件错误
我正在尝试使用回形针优化器部署 Rails 应用程序，它给我一个关于缺少二进制文件的错误。我捆绑了 image_optim_pack 来提供二进制文件，但仍然得到这个：
- 服务器 Ubuntu 14.04.5 LTS
- 导轨 5.1.3
- 红宝石 2.4.1
- nginx 1.9.10
- 乘客 5.0.24
- image_optim (0.25.0)
- image_optim_pack (0.5.0.20170803 x86_64-linux)
php - 不同尺寸图片的图像优化
我需要在我自己的网站上使用原始尺寸为 375 x 375 像素的 4 种不同尺寸（375 x 375、200 x 200、160 x 160 和 90 x 90 像素）的图片。
如果我想让我的网站图像优化，我应该为每种尺寸制作四个不同的文件夹，并将具有自己尺寸的图片放在那个文件夹中！？还是有更好的方法？
现在我正在使用这个代码，我知道这对于图像优化是不正确的
photoshop - 图像优化管道？
完成编辑后，如果我打算通过 ImageOptim 之类的工具运行照片，我应该如何将照片保存在 Photoshop 中？我是在 72 ppi 和高压缩下使用 save for web，还是应该在通过 ImageOptim 运行照片之前以最高质量保存照片；即 100% 的高 ppi 和质量？
另外，在 ImageOptim 中，我应该使用 jpegoptim、jpegrecompress 还是 jpegtran？还是它们的组合？
任何指针将不胜感激。
c - 尝试在ubuntu服务器上编译安装运行imgmin，但是找不到命令
我尝试使用 rflynn 的 imgmin（用 C 语言编写）（参见 GitHub rflynn/imgmin）。所以我按照指示
我编译并安装它没有任何问题（或通知）。但我不能运行“imgmin”，它总是告诉我：
我的错误在哪里？谢谢你的任何建议。我在带有最新更新的 Ubuntu Server 16.04 LTS 上运行。
drupal-8 - 如何优化已在 Drupal 8 中上传的图像
我尝试将 JPEG 质量从/admin/config/media/image-toolkit. 但这并没有增加我的页面分数。
如果有其他方法请告诉我。提前致谢！！
amazon-web-services - 当来自 CF 源的请求对象不存在时，s3 不遵循重定向规则（改为拒绝访问）
我正在使用CloudFront、S3、API Gateway和Lambda构建动态图像优化器，但现在我仍在让我的CloudFront源回退到我的 s3 自定义错误路径。
这是我正在寻找的流程：
- 从CloudFront请求图像
- 不存在/不存在？检查S3来源。
- 不存在/不存在？重定向到 hellorld.html
- 做任何事情（这里的目标，甚至是第三步，是让重定向触发一个Lambda，它会调整图像的大小并将其返回到S3、CF和浏览器）
如果我尝试通过CloudFront访问不存在的对象，它会正确地遵循提供的来源，但如果该对象在S3中不存在，则会给出Access Denied如下所示的经典XML 响应。My Bucket 绝对具有正确的写入权限，并且具有公共读取权限（目前）
这是我的CF起源/行为。最初我只有默认来源和一个默认行为，这正是我所需要的，在我摆弄的过程中，我添加了一个顶层和一个深层resizer/*。
这是我的 s3 静态网站托管部分和重定向规则
我觉得我什至不需要重定向规则，因为出错时应该重定向到hellowrld.html（不是拼写错误），这目前只是一个相当空白的测试 html 页面。
任何帮助将不胜感激！我知道这个 otf 图像调整器是一个非常常见的用例，用于在找不到对象时触发Lambda，但我找不到任何将CloudFront放在API Gateway / Lambda前面的S3前面的示例
google-chrome - 从站点获取最“重”图像的列表
在 Chrome DevTools 中，有没有办法从网站获取最重载图片的列表？我们正在优化网站，因此请尝试找出“包”图片。
就像下面的一样，但是能够以这样的链接文本列表的形式导出它......
html - 如何减小背景img url的大小
我的用户上传了这样的图片：
https://sim-t2b.s3.amazonaws.com/T2B%20-%20EXPRESS%20-%20MARCA/1/hipster-wallpaper-20.png
这有 1 MB，我使用它作为背景缩略图：
但是我的负载在增加，我知道这可能是重复的，但是有一种方法可以让我不加载 1MB 的图像，也许将其调整为一些 kb，我使用 php、html、css 和 js
javascript - 使用节点在服务器上进行图像优化
我有一个将图像上传到服务器的服务器。我需要以某种方式优化图像上传。这就是我上传文件的方式：
如何在上传前优化图像？最好是如果有类似 gulp 的东西，但对于服务器？