问题标签 [image-optimization]

我有一个供最终用户使用的应用程序，用户可以在其中上传图像。当用户上传大量图片时，我的应用程序变慢。

我们也在一个模块中使用了 Angular JS 延迟加载图像，该模块生成不同大小的图像。https://github.com/afklm/ng-lazy-image

并根据设备和图像大小，准备图像。

现在我想用普通的 javascript 代码/流程/技术做同样的事情。

有人可以指导我吗？

Google Page Speed Insights 建议我优化我目前正在处理的网页上的网页图像。图像从服务器上传。我想在页面上显示优化的图像，但不希望服务器上的原始图像发生变化。有没有办法在 PHP 中做到这一点？

在一个网站上，我每天上传大约 100 多张从数码相机拍摄的图像，单个图像文件的平均文件大小约为 3MB。它需要大量的服务器磁盘空间。如果我可以将平均大小减小到 1MB 以下，我可以在当前空间上传更多图像。我尝试了许多在线图像优化器，但它们都无法帮助我将大小减少到至少 1.5MB 以下。

我们开发了一个网络应用程序，用户可以在其中上传各种图像（照片、技术图纸、漫画、线条图......你能想到的一切）。不幸的是，用户并不关心为图像内容选择正确的文件格式（事实上，他们可能不知道甚至存在不同的图像格式）。

我想知道是否有一种方法可以根据图像的内容自动（无需人工干预）检测最佳文件格式（jpeg 或 png）。“最佳”的定义考虑了网络环境中的视觉质量和文件的大小。

换句话说，这个问题类似于谷歌的图像文件格式决策树中的“需要保留查找细节”分支。

这个问题与使用 pngcrush、pngquant、jpegtran、jpegrescan 等工具压缩/优化图像无关。这些优化将在选择“最佳”图像文件格式后完成。

当我使用 imagemin 得到如下错误时，我错过了什么吗？

我正在使用 gulp-imagemin，但我不仅要缩小图像，还要使它们逐行/隔行扫描。可以使用什么工具来完成这项任务？

我正在尝试优化我的照片以获得谷歌洞察力。我正在使用 jpegoptim。

我在用着

但仍然谷歌洞察力说有可能减少文件大小+ 60％

然后我尝试了

这次谷歌洞察力说每件事都是完美的。但是现在质量很差。

然后，我试过了

但文件大小超过 jpegoptim 的。

那么，为谷歌洞察压缩图像的最佳方法是什么？

这是图像：

图像优化器库似乎存在错误。

同样的错误发生在gulp-image-min其他一些 gulp 插件上。

任何人都可以帮忙吗？

我的吞咽任务：

结果：

最近，我请我的一位朋友为一家非营利慈善组织设计一个网站。我的朋友使用 html 和 bootstrap 进行开发。他交付了网站。我发现网站加载缓慢。

该网站在主页上有带有滑块的整页图像。总共 3 个图像，可以使用滑块进行更改。图像大小，分辨率可能是问题。

有关图像详细信息，请参阅下图的链接

我的朋友现在病了，住院了。所以我现在不是请求他帮助修改图像的好时机。我有照相馆。我需要你的帮助或分享一些链接，以便我自己做。这是我需要帮助的地方。

1) 根据图像，所有图像尺寸均为 1900 x 920 像素。分辨率为 300 和 72 dpi。鉴于当前的台式机/笔记本电脑显示器分辨率和手机，我应该保存什么分辨率，尺寸应该是多少？

2) 如果我需要更高的分辨率（因为我的一张图片是 72 dpi）我可以简单地在 Photoshop 中将分辨率提高到更高的分辨率吗？图像是自然农业农场。

3) 如何在不影响图像尺寸（宽 x 高）的情况下减小文件大小？有什么指导吗？教程链接？欣赏 ：）

4) 我想用我用数码相机拍摄的另一张图片替换一张图片 s2.jpg。图像大小是替换图像大小 我应该在 Photoshop 中做什么来优化图像？

谢谢并感谢您的意见:)

我正在尝试减小 WordPress 博客中图像的大小。据我所知srcset，这是做到这一点的第一步。在分析了我的网页后，我注意到 WordPress 没有srcset正确显示或者浏览器可能获取了错误的图像。

SRCSET：

截屏

正如您在屏幕截图中看到的，Chrome 检查currentSrc在 url 600x397 中显示图像大小。我使用iPhone 5作为用户代理。

• 如果设备的大小是 320，那么为什么浏览器正在加载 600px
• 图片？如何srcset在 WordPress 中工作？我可以添加我自己的吗srcset
• 对于内容图像和特征图像？如何？

我不需要代码来解决我的问题。我需要方向和建议来解决这个问题并了解更多关于图像优化的信息。