jquery – 加载图像更快的页面

前端之家收集整理的这篇文章主要介绍了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这样的服务,让你可以动态选择所需的图像大小

猜你在找的jQuery相关文章