问题标签 [image-optimization]

我正在编写一个 Web 应用程序，该应用程序有一个页面，该页面返回一个对象结果列表，每个对象都有一张个人资料照片。

我不确定我希望这个页面有多大，但我想考虑到它会达到一个更大的水平。现在，我只返回 5-10 个对象，每个对象都有一张相关的照片，而且我看到性能下降。

我知道互联网上有很多关于图像优化的资源，我已经做了一些研究，但仍然不知道应该做什么来优化这个页面。

我知道使用css-sprites是一种选择，但这些照片是由成员添加的，所以我不确定是否可以跟上更新 CSS Sprite 的步伐。

我也知道某些图像类型可能对性能更好，但有时会失去兼容性（尽管我读过反对这一点的文章，并说它已成为过去）。

我对需要优化我的页面上的图像的概念相当陌生，所以如果有人认为有一种更先进的技术可能超过了新手开发人员的能力，那么这对我来说可能是错误的。

任何建议都会有所帮助。如果我尝试一个但无法找出答案，我总是可以尝试另一个。

我意识到这可以在 StackOverFlow 的姊妹网站上进行网页设计，但我也想获得它的服务器端，因为在上传文件时可能需要进行一些修复，所以请不要发表评论关于这不适合 StackOverflow，谢谢！

我在调整图像大小时遇到​​问题。

发生的情况是，如果您上传的文件大于规定的参数，图像会被裁剪，然后以 100% 的质量保存。

因此，如果我上传一个 272Kb 的大 jpeg。图像被裁剪了 100 个奇数像素。然后文件大小上升到 1.2Mb。

我们正在以 100% 的质量保存图像。我认为这是导致问题的原因。图像以 30% 的质量从 Photoshop 导出，从而减小了文件大小。以 100% 质量重新保存图像会创建相同的图像，但我假设有很多冗余文件数据。

有没有人遇到过这个？有没有人有办法解决吗？

这就是我们正在使用的。

我想看看一些在线与离线图像优化器的比较数字，即 Yahoo! Smush.it 与 OptiPNG 或 pngcrush。

这些东西在速度和生成的图像大小方面有何不同，最好的选择是什么？

我有以下类处理位图以在其上放置鱼眼失真。

我通过 TraceView 运行了我的应用程序，发现几乎所有的处理时间都花在了循环位图上。
一位开发人员建议不要使用浮点数，因为这会降低图形处理速度。也不需要使用 math.pow() 和 ceil() 吗？
目前通过循环遍历整个位图来放置效果大约需要 42 秒，是的，秒 :)
我尝试用整数替换浮点数，这将时间减少到 37 秒，但效果不再出现在位图。
arg k 最初是一个浮点数，并设置失真级别，例如 0.0002F，如果我传递一个 int，则效果不起作用。

谁能指出我如何优化这个过程的正确方向？一旦我优化了它，我想看看可能不是循环遍历整个位图，并且可能在效果周围放置一个边界框，或者使用下面的算法来确定一个像素是否在半径为 150 的圆内。

[更新] 我将数组创建为实例变量，并在 Filter() 构造函数中实例化它们。这是你的意思吗？该应用程序以 84 秒（错误）运行，但现在以 69 秒运行。似乎也没有 GC 注销。

我有一个在位图上放置鱼眼失真效果的应用程序。要创建失真，我必须遍历整个位图，检查给定像素是否落入圆形边界。如果确实如此，那么我会操纵该像素。这个过程是劳动密集型的，需要长达 50 秒。我正在考虑不同的方法来做到这一点，所以我不必循环整个位图来应用效果。我的一个想法是先绘制位图并显示它。然后创建第二个仅具有效果的位图叠加。然后我可以将第二个位图覆盖在第一个位图上。我只是想想想我可以应用这种效果的方法，而无需循环通过尽可能多的像素来加快速度。我会发布失真类。谢谢。

.

.

[更新] 嗨，我还没有看过所有的视频，因为我在加密狗上只有这么多的数据限额，所以要等到上班再看。我已将代码修改为以下代码。这将像素数据存储在一个 int 数组中，因此无需调用 dst.setPixel。它仍然很慢（在 3.2MP 相机上为 14 秒），根本不像您的代码那样需要几秒钟。您能否分享该代码或告诉我这是否不是您的意思。谢谢马特。

我有一个网站，当用户进行查询时，他会被带到一个包含 25 个 200x150 像素图像链接的结果页面。我的问题是（至少在我的电脑上）内容似乎没有在图像之前加载！

我在图像部分之前和之后都有内容（例如页眉和页脚，图像是中间的内容），但是直到所有图像都传输完毕后我才能看到页脚，这很多，大约 500 毫秒在加载前一个图像之前，每一个都没有出现！

我尝试从代理访问我的网站，但结果不同：加载了图像槽，页眉和页脚也加载了，并且图像一个一个地加载，但没有阻止任何其他内容被加载！

即便如此，它们的加载速度还是很慢...... :(

此问题出现在 Mozilla Firefox 和 Internet Explorer 上，但不在 Chrome 或 Opera 上。
有什么想法可能导致这种情况吗？
还有更多，对我的具体情况进行理想优化的任何想法？提前致谢！

干杯!

我正在开发一个带有管理部分的 MVC 3 网站，该部分允许客户添加自己的图像。“优化”是指压缩图像文件，使其尺寸更小，质量没有明显差异，类似于此工具的功能：

http://www.imageoptimizer.net/Home.aspx

该工具看起来很适合集成，但它需要花钱。

这是另一种工具，它是免费的，但这个工具的问题似乎是它需要您将其实际嵌入到您的网页中：

http://www.webresizer.com/app/

所以我的问题是：

有谁知道任何可以在不需要您将其嵌入网页的 MVC 3 网站中动态运行的免费 3rd 方图像优化工具？

我知道有很多要求，所以如果没有类似的工具，我想问的下一件事是：

有没有我们可以自己编写的图像压缩算法的好例子？

任何帮助是极大的赞赏。

好的，我有一个简单的 PHP 脚本，它使用 Imagick PHP 扩展生成大图片的缩略图。

简化的脚本是：

生成的图像非常难看（当然是！）： http ://dl.dropbox.com/u/16514036/thumbnail.php.jpg

但看看大小 - 它是28 KB！废话，什么？！

据我了解，问题出在元数据或 Photoshop 的嵌入预览中。

所以问题是 - 我如何优化缩略图并从中删除所有过时的数据？

要优化图像并自动生成 CSSprite，请使用名为Sprite Optimization and Image Preview 4的 Microsoft 包

错误

本地一切正常，但要发布我的网站，会发生以下错误：

试图

为了解决“App_Sprites”文件夹中的问题，添加了以下 web.config：

我的应用程序中的任何地方都没有使用“blank.gif”图像！文件夹内App_Sprites只有一个名为hire;的子文件夹。

我的网站有大约 2 万张产品图片。Google Page Speed 告诉我它们可以被优化，这是正确的——差别很大。Google 能够保持相同的质量并将图像大小减小 70-90%，Page Speed 甚至为我优化了它们并为我提供了指向优化图像的链接。如果我只有几张图像，那就太好了，但我无法手动更新 20k 图像。我不想进行任何编程更改来处理优化，我宁愿通过一个可以优化它们并替换现有图像的软件来运行我的所有图像。如果以前经历过这种情况的人可以推荐一个可以完成这种规模的工作同时仍然保持质量的好程序，我将不胜感激。谢谢。