繁体   English   中英

加载大图像更快

[英]Loading Big Images Faster

有哪些提示可以更快地加载大图像。 我看看这个网站:

http://vivianoheatingandcooling.com/wp-admin

和这个

http://iplanwebsites.com/404

这两个都是相当大的图像,但它们加载速度非常快。 我也看过网站会宣传一些东西,并在其内容的两面都有2个大图像:

http://www.gamefaqs.com/

GameFAQs做了很多。 他们如何在页面内容等上快速加载这些大图像? 除了为网络优化保存之外,还有一些我不知道的技巧吗?

图像优化是关键,另一个关键是设计,因此优化是有效的。 照片不是那么容易,但你可以处理照片以更好地优化。

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

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

所以是的,图像优化和减少开销(仅加载用户在每个视图中需要的内容)是快速加载大图像的重要步骤。

我们以iplanwebsites.com/404为例:

  1. 这是一个大尺寸的图像(宽X高= 550px X 1900px)
  2. 它是一个低质量的图像 - 141,14 kb - 这就是图像加载速度非常快的原因

    您可以使用软件工具优化图像,但您会发现图像质量存在一些差异。

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

请记住:它不仅仅是宽度和高度,它还与图像质量,像素数,颜色数量等有关。

斯特凡

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM