加载时压缩图像答案

【问题标题】：Compressing images on load加载时压缩图像
【发布时间】：2013-09-06 03:49:38
【问题描述】：

我想知道，是否可以通过减小页面内图像的大小来提高页面加载速度？

例如，我目前有一张大图像 (1200x 1200)，我需要将其调整为 100x100。这可以通过 jQuery 实现还是必须手动完成？

谢谢。

【问题讨论】：

【解决方案1】：

您必须在服务器上更改图像大小，然后更改页面 HTML 或 javascript 以引用那些较小的图像。 jQuery 在浏览器中运行，因此它不能在服务器上获取 1200x1200 的图像，并且在下载之前以某种方式将其设置为 100x100。

但是，在服务器上将图像更改为较小的尺寸将大大缩短您的页面加载时间。

【讨论】：

【解决方案2】：

是的，它肯定会提高您的页面加载速度。

而且，在服务器上调整图像大小是一个更好的选择。

参考：

【讨论】：

【解决方案3】：

要在服务器端调整图像大小，您可以使用WideImage 库。使用这样的指令：

WideImage::load($path)
    ->resize(100, 100)
    ->output("jpg");

您加载图像，在内存中调整其大小并以所需格式返回其数据。

【讨论】：

【解决方案4】：

我想知道，是否可以通过减小页面内图像的大小来提高页面加载速度？这可以通过 jQuery 实现吗

没有。这将要求浏览器通过网络下载大图像，然后对其进行处理以减小其大小。

如果您想加快速度，则需要在图像离开服务器之前将其缩小。

不过，您不需要手动执行此操作。可以通过编程方式调整图像大小。

【讨论】：