0

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

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

谢谢。

4

4 回答 4

1

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

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

于 2013-09-06T03:53:18.340 回答
0

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

不可以。这需要浏览器通过网络下载大图像,然后对其进行处理以减小其大小。

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

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

于 2013-09-06T14:31:51.310 回答
0

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

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

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

于 2013-09-06T14:29:52.593 回答
0

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

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

参考:

我应该在每次请求时动态生成每个缩略图,还是将它们存储在图像上传中?

于 2013-09-06T03:53:53.453 回答