更快加载大图像

Question

更快加载大图像的一些技巧。我看看这个网站：

http://vivianoheatingandcooling.com/wp-admin

这

http://iplanwebsites.com/404

这些两者都是相当大的图像，但它们的加载速度极快。我也看到了网站，将宣传的东西，其内容的两侧有2个大图：

http://www.gamefaqs.com/

gamefaqs上做到这一点很多。他们在页面内容的顶部如此快速地加载这些大图像是怎么做的？除了保存网页优化之外，我还有其他一些技巧吗？

Answer 1

图像优化的一个键，其他按键被设计所以优化是有效的。对于一张照片来说这并不容易，但是您可以处理照片以优化一些。

在跳羊的情况下，图像实际上非常小，分辨率明智。它是550 x 1900，重量只有15万。考虑到几乎所有加载的内容，对服务器的请求很少，几乎没有任何开销......在大多数体面的互联网连接上加载速度非常快。

其他图像是GIF格式中颜色很少的图像。如果您的调色板相对有限，您可以在PNG和GIF中获得真正高分辨率的图像，并获得非常小的文件。这是这些格式闪耀的地方 - 在这种情况下，图像应已在PNG。作为一个PNG，由pngcrush处理，它只有40.5kb而不是62kb。

所以是的，图像优化和减少开销（只加载用户在每个视图中需要的内容）是大幅图像的快速加载的重要步骤。

Answer 2

让我们iplanwebsites.com/404为例如：

1. 它是由尺寸大的图像（宽×高= 550px X 1900px）

2. BUT 它是一个低质量图像 - 141 14 KB - 这就是为什么图像加载速度非常快

   您可以使用的软件工具来优化您的图片，但你会看到图像QUAL一些差异性。

同样，其他两个例子 - 他们使用大图像，但他们只有一些黑色的简单形状，这意味着一个小文件大小。

记住：这不是关于刚刚的宽度和高度，它也对画质，像素数，色彩等

号斯特凡