css - 在网站中呈现图像的不同方式

标签 css image

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

通常网站中的图像是从上到下呈现的。但我在另一个网站上发现呈现不同的 This site .我怎样才能在我的网站上实现这种很酷的图像渲染效果?谢谢。

最佳答案

您提到的网站上的图像是交错的,这意味着它不会首先以最高质量加载图像,而是首先以非常低的质量加载图像,然后在继续时提高图像质量加载中。

这里更详细地描述了什么是交错照片及其工作原理:http://en.wikipedia.org/wiki/Interlacing_(bitmaps) .

为了用您自己的照片实现这一点,您需要将它们保存为隔行扫描照片。无论您选择使用哪种图像编辑器,都应该有一个选项。

一篇关于交错照片的优秀文章:http://www.codinghorror.com/blog/2005/12/progressive-image-rendering.html .向下滚动一点以获得显示隔行扫描照片和正常加载照片之间差异的 gif。

关于css - 在网站中呈现图像的不同方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19479966/

上一篇:css - 表格到 DIV 和 CSS

下一篇:php格式化花括号

相关文章:

css - 绝对居中在 FF 中不起作用

css - 如何在 QLineEdit 和 QPushButton 中只为边框的一侧设置样式表?

c# - 减小图像大小 C#

jquery - 根据窗口大小调整图像大小

css - 在 MVC 中向 @Html.DropDownListFor 添加自定义动画/CSS

css - 不间断破折号 html

php - CSS 在图像周围环绕文字

jQuery 加载图像并带有完整的回调

css - 使用 CSS 隐藏/显示在 Chrome 中不显示内容

android - ProgressDrawable 图层列表的图像应该是什么样的?