在加载时压缩图像

Question

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

例如，我目前有一个大图像（1200x 1200），我需要安装到100x100。这可以通过jQuery实现还是必须手动完成？

感谢。

Answer 1

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

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

Answer 2

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

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

参考：

Should I generate each thumbnail dynamically every time it is requested, or store them on image upload?

Answer 3

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

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

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

Answer 4

  

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

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

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

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