我遇到了网站图片加载的问题。
需要在首页加载3张高分辨率的图片，当打开时，它会先显示网站其他内容，然后加载这些图片，这是很好的。
但这有点尴尬，并希望有类似的图片加载过程，如谷歌图片搜索。
当我在谷歌中点击图像时，它显示模糊或像素图像，看起来分辨率低，尺寸较小，加载原始图像稍晚。
他们可能会使用特殊的东西，因为他们是谷歌，但如果有人以前做过这种事情，我需要你的帮助。
Thanks in advance
听起来你想要所谓的"渐进式jpeg "，其中不同质量的多个图像保存在一个文件中，浏览器加载低分辨率图像快速获取页面中的内容，并在加载后用更高分辨率的图像替换它。
这是一个关于在Photoshop中将jpeg保存为渐进式的教程
可以使用jQuery。以下是一个一般的想法，而不是一个确切的代码。
对于每个图像，使用如下命令:
<div>
<img id="myimg" src="" style="display:none">
<img src="low-res-version link">
</div>
你也应该保持一个低分辨率的图像。
在页面加载后使用jQuery设置图像src，并使用next()函数删除低分辨率图像。
$(document).on('ready', function() {
$('#myimg').attr('src', 'link to the image').on('load', function() {
$(this).css('display', 'block').next().remove();
}
你也可以检查这个问题:快速图像加载方法，低到高分辨率与多个背景- javascript解决方案?
我从服务器端选择分辨率;在z-index=0对象中立即加载低分辨率，将一个或多个高分辨率对象加载到负z索引对象中然后在onload()中，选择哪个对象应该放在顶部