通过隔行扫描加载图像 - 从低分辨率到全分辨率 - HTML [英] Load an image via Interlacing - From low to full resolution - HTML

问题描述

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

I am creating a site that uses an image as the background. I hate having the image load from top to bottom as it just makes the page look bad as it is loading. I have seen some sites that load a really low resolution image and then it gradually moves up to the full resolution photo. I would like my site to do the same but I don't know how to implement this. Does this requires multiple image files and more bandwidth? I would like it to use the same bandwidth/take the same amount of time as the traditional way does.

推荐答案

另一种选择是使用在线图像转换器，因为隔行扫描是保存的文件类型.这是我找到的一个:http://njarb.com/2011/08/渐进式和隔行图像/ 但在 Firefox 中，它看起来不像是隔行加载，而是等到完全加载.

Another option is to use an online image converter as interlaced is the type of file that was saved. Here is one I found: http://njarb.com/2011/08/progressive-and-interlaced-images/ But in Firefox it looks like it doesn't load it interlaced but instead it waits till its fully loaded.

这篇关于通过隔行扫描加载图像 - 从低分辨率到全分辨率 - HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！