html5APP开发中 图片的规格问题(移动端的图片尺寸可以怎样限制来加强页面的加载速度呢?)-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

html5APP开发中 图片的规格问题(移动端的图片尺寸可以怎样限制来加强页面的加载速度呢?)

2016-06-07 16:36:13 4136 1

使用HTML5做webAPP开发,发现平常PC端 响应式WEB开发中使用的大图在WEBAPP开发中图片加载较慢,或者说损耗的内存太大。想请问一下移动端开发的图片尺寸是否有做什么限制呢,比如图片的尺寸大小,最大长度宽度,采用的图片格式等等的限制。
例如文章页面的图片规格和列表页面的图片规格尺寸等有什么特殊的限制。
总得来说,怎样合理的使用图片,限制图片的规格来优化APP?

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:30:27

    一般Header或footer我喜欢使用Svg,特别是移动端,必须是svg
    .利用图片压缩工具压缩图片,有部分图片经过美工发出的图片格式压缩的不够。(tinypng)
    .缩略图,如果为了显示小图,可以在后端生成缩略图使用。
    .部分控件的背景或者有规律的背景,可通过CSS实现,而不使用图片
    .利用一些懒加载的方式显示图片,让图片加载过渡更加自然。

    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 57014浏览量 回答数 19

1

回答

支付宝H5 下载的时候,提示 【请确保该下载文件来源安全,如需浏览,请长按网址复制后使用浏览器访问】

游客ptexzird3doe2 2019-10-14 15:29:54 69660浏览量 回答数 1

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 93886浏览量 回答数 28

65

回答

第一期阿里云高校工作坊申办启动

柚子菌 2017-08-10 17:04:08 43816浏览量 回答数 65

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 47124浏览量 回答数 19

1

回答

H5 直播的疯狂点赞动画是如何实现的?(附完整源码)

剑曼红尘 2020-04-15 19:03:48 35319浏览量 回答数 1

58

回答

技术入门问答集锦,涉及多种技术方向,解决新人学习困惑

管理贝贝 2016-08-03 10:13:27 52774浏览量 回答数 58

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80504浏览量 回答数 13

61

回答

阿里云OSS需求汇总帖,有需求请进来说说

enj0y 2012-09-05 08:40:29 41535浏览量 回答数 61

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 47457浏览量 回答数 46
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载