前端之家收集整理的这篇文章主要介绍了
jquery – 加载图像更快的页面,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Web应用程序中,当我点击应该从服务器加载映像的
链接时,由于图像的大小约为3MB – 5 MB,因此,由于图像分辨率问题,我们无法减小尺寸。
放置高度和宽度有一个解决方案,但我们无法放置图像的高度和宽度。我们如何解决?
我将图像从服务器加载到div中
<div>
<img src="http://upload.wikimedia.org/wikipedia/commons/1/15/Srtm_ramp2.world.21600x10800.jpg"/>
</div>
有几个
解决方案来探索管理大图像:
尝试删除文件大小(3-5MB太高IMHO):
>删除所有元数据
>降低分辨率/像素密度
>降低图像的高度/宽度
>使用JPEG压缩
>在服务器上使用GZIP压缩
你也可以探索:
>使用CDN来提供图像(允许并行加载)
>使用像Cloudinary/IMGIX这样的服务,让你可以动态选择所需的图像大小
原文链接:https://www.f2er.com/jquery/183347.html