页面图片读取问题_html/css_WEB-ITnose
程序员文章站
2022-06-08 22:38:05
...
请问,有这么一个设计,页面中图片设计尺寸为1440*930像素。
那么请问,对于这么一大张图片,我是切一张大图好,还是数张小图,哪种页面读取更快?
解答最好请说明下原因,谢谢!
那么请问,对于这么一大张图片,我是切一张大图好,还是数张小图,哪种页面读取更快?
解答最好请说明下原因,谢谢!
回复讨论(解决方案)
数张小图
整张图需加载很久才能加载完,然后显示。如是数张小图每加载完一张就会显示一张。
数张小图
整张图需加载很久才能加载完,然后显示。如是数张小图每加载完一张就会显示一张。
可是如您所说,数张小图片的话,向服务器的请求数就会变多。
而一张大图,只需要向服务器请求一次。
大图不是很好,大图加载时间比较长,让用户等待时间很久用户的体验不好 引用 1 楼 的回复:
数张小图
整张图需加载很久才能加载完,然后显示。如是数张小图每加载完一张就会显示一张。
可是如您所说,数张小图片的话,向服务器的请求数就会变多。
而一张大图,只需要向服务器请求一次。
当然是一张大图更快。要不然, css splitter技术是干什么的?
参见 google logo
https://www.google.com.hk/images/nav_logo107.png
当然,如果一张大图实在太大,要用户等很时间才能看到全图,确实是体验不太友好,
这种情况下可以加个loading...效果,
或者先加载一张缩略的小图来显示,同时提示一下大图正在加载,大图加载完之后再把隐藏小图,显示大图
例
推荐阅读
-
利用简洁的图片预加载组件提升html5移动页面的用户体验
-
spring boot实现上传图片并在页面上显示及遇到的问题小结
-
利用html5 file api读取本地文件示例(如图片、PDF等)
-
HTML5实现简单图片上传所遇到的问题及解决办法
-
Android编程中聊天页面背景图片、标题栏由于键盘引起问题的解决方法
-
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
-
IOS中html5上传图片方向问题解决方法
-
解决jsp页面使用网络路径访问图片的乱码问题
-
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
-
html5手机端页面可以向右滑动导致样式受影响的问题