3

我目前有一个聚合图像的网站，问题是这些图像非常大，当我以较小的尺寸显示它们时，它们仍然会消耗大量计算。

我很好奇如何实际强制减小尺寸/质量而不只是将其放入<div>元素中。

这是我的网站，您可以看到制作图像时它变得多么“滞后”：http: //newgameplus.nikuai.net/TEST/index.html

我正在使用 timthumb.php 来调整图像大小，但由于某种原因主机不允许该脚本。

4

2 回答 2

1

最好的方法是使用某种图像重构服务。

我已经编写了自己的一个，它使用 ffmpeg 和 imagemagik 动态调整图像大小并从视频中生成任意大小的缩略图。我将结果缓存起来以使后续请求变得超级快速，并添加了一些有趣的附加功能，例如使用人脸检测和图像熵的自动兴趣点检测，目的是“无论大小都可以很好的缩略图”

src.sencha.io是此类服务的一个示例——该服务的文档在这里，但我在下面包含了重要的部分。

指定图像尺寸

<img src='http://src.sencha.io/320/200/http://yourdomain.com/path/to/image.jpg'
     alt='My constrained image'
     width='320'
     height='200' />

这将获取您的图像 (http://yourdomain.com/path/to/image.jpg) 并通过调整大小服务运行，返回 320x200 版本的图像。但是，您无法使用此服务设置重力/兴趣点（据我所知）。

您还可以使用此服务更改格式、调整 dataurl 的大小、进行百分比调整大小并使用调整大小服务来检测请求图像的用户代理的宽度/高度。

网上有很多这样的服务。

于 2012-06-27T12:05:28.387 回答
0

我同意斜线：这取决于如何调整图像大小。我为网站做的一件事是使用 Photoshop（或 GIMP）将图像调整为我使用图像的页面所需的确切尺寸。然后我还在图像本身的宽度-高度属性中包含相同的尺寸。

此外，如果您要使用不同的文件扩展名保存图像，您可以使用照片编辑软件检查图像的大小，并且（特别是 jpeg 和 png 文件）photoshop 会让您降低质量，从而降低文件大小和加快页面加载速度。

于 2012-06-27T11:36:12.560 回答