加载时压缩图像


Compressing images on load

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

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

谢谢。

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

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

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

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

参考:

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

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

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

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

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

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

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

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