通过隔行扫描加载图像 - 从低分辨率到全分辨率 - HTML

时间:2012-05-27 05:45:07

标签: html interlacing

我正在创建一个使用图片作为背景的网站。我讨厌从上到下加载图像,因为它只是在加载时使页面看起来很糟糕。我看到一些网站加载了一个非常低分辨率的图像,然后逐渐向上移动到全分辨率照片。我希望我的网站也这样做,但我不知道如何实现这一点。这需要多个图像文件和更多带宽吗?我希望它使用相同的带宽/花费与传统方式相同的时间。

3 个答案:

答案 0 :(得分:2)

对于.JPG,将文件另存为“Progressive JPEG”,就是这样。 下载时累积.jpegs,以完整尺寸显示但模糊不清直到完全下载。

几乎每个图片浏览器都可以将jpg保存为渐进式。我推荐IrfanView因为简单,强大的批次,免费软件...

答案 1 :(得分:0)

我发现一个选项,添加一个低分辨率源。我不知道所有当前浏览器是否支持这种浏览器,或者它是否过时......

<img src="../graphics/bearico1.gif" lowsrc="URL">

答案 2 :(得分:0)

另一种选择是使用在线图像转换器,因为隔行扫描是保存的文件类型。这是我发现的一个:http://njarb.com/2011/08/progressive-and-interlaced-images/但是在Firefox中看起来它并没有交错加载它,而是等到它完全加载。