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