JavaScript-关于图片切割存储的问题

JavaScript-关于图片切割存储的问题

想挽留 发布于 2017-02-23 字数 235 浏览 1180 回复 4

对于很多较大的图片,需要对大的图片做一个切割存储,比如切割成若干份,这样加载的时候速度就会有所提升。
问题:
1.使用什么样的工具或者方法可以对图片做切割?
2.切割后的图片,如何保证顺序不错乱?能够拼出一个完整的图片?

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

偏爱自由 2017-09-28 4 楼

可以采用程序按不同尺寸生成缩略图,然后保存,第一次访问的时候生成可能就会慢点,以后速度就会很快了,这样子一劳永逸。

归属感 2017-07-11 3 楼

我之前研究过web网页截图功能,是通过计算图片的大小,然后算出一个比例,再利用android提供的图片的处理函数,是可以分割成多块的

甜柠檬 2017-04-27 2 楼

将图片的二进制流按照固定大小进行分割,例如64K,分割成不同的小文件,按照规则进行存储到文件服务器,生成一个唯一可以表示文件位置和读取顺序的Key(即文件名),读取的时候按照Key再进行合并。这样可以利用多个线程去读取一个文件,速度会快的。

灵芸 2017-03-14 1 楼

你说的大图是多大呢? 我觉得在正常的网页设计中非内容性元素 是不会有太大的图的 就算一个1440*900的图片 保存成合理的格式 也就200K-400K左右 这样的大小是不需要切割的
如果修饰性的图片有大于400K的 那肯定是格式有问题, 建议可以网上搜下什么样的图片应该保存成什么样的格式, 这里就不展开了.

另外一种情况就是专题页面,可能页面比较长 一张大图 对于这种情况一般手动按照从上往下切成几张小图就行 开发成本不会很高 因为是专题活动页面 生命周期一般都很短 也就上线几天 所以实现上是怎么简单怎么来.

另外你说要切割成若干份,以提升速度, 但是你要明白图片数量增加了 HTTP请求数也会增加,前端优化的一个重要方向就是减少HTTP请求数, 例如sprite技术, 你这种做法是跟sprite相反的.
所以图片的加载速度要在数量和大小时间做好权衡, 一般情况下200K以下都是不需要切割的,500K以上建议切割, 200-500K 需要具体情况具体分析了.