向原创致敬http://blog.csdn.net/chenggong2dm/article/details/25594059Atlas是NGUI的图集。我的理解是:Atlas把你的一些零散的图片,合并成一张图。这样做的好处是,可以降低Draw Call。我不了解它的底层运作机制,我猜应该也是再行进...
分类:
其他好文 时间:
2015-03-18 17:43:21
阅读次数:
166
在项目中需要把几张图片合并在一起,如下图分别由头、身、腿三张图片合并起来代码如下: 1 function combineImage($head_img,$middle_img,$footer_img,$save_path){ 2 $source_w = 400; 3 $source_...
分类:
Web程序 时间:
2015-03-18 15:36:46
阅读次数:
286
使用gulp,将css代码中的切片图片合并成雪碧图。
分类:
Web程序 时间:
2015-03-12 12:54:54
阅读次数:
4058
实现将文件夹下50幅图片合并到一幅图片中,保存并显示。...
分类:
其他好文 时间:
2015-03-09 14:32:10
阅读次数:
191
想必大家都知道网页加载的过程,从开始请求,到加载页面,开始解析和显示网页,遇到图片就再次向服务器发送请求,加载图片。如果图片很多的话,就会产生大量的http请求,从而影响页面的加载速度。所以现在有一种做法是将多张图片合并到一起,这样在打开页面的时候只需要一次http请求就可以加载多张图片,然后通.....
分类:
Web程序 时间:
2015-02-16 11:39:36
阅读次数:
196
TexturePacker应该是最流行的图片合并工具吧,它把多个小图组合成一个大图,以减少网络请求次数,还有利于内存的充分利用。在游戏开发和网页开发时经常会用到它,CanTK(https://github.com/drawapp8/cantk)是HTML5游戏和APP开发的利器,当然也支持TexturePacker生成的格式。但是我使用的Fedora系统,而TexturePacker却没有提供RPM安装包。我想程序本身是可以在Fedora下运行的,只是不能直接安装罢了。所以花了点时间去弄它,运气还不错,很快...
分类:
其他好文 时间:
2015-02-14 18:56:50
阅读次数:
183
性能黄金法则:只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中所有组件上规则1:减少HTTP请求图片地图(Map)CSS Sprites(css精灵)内联图片()合并脚本和合并样式表图片地图鱼css sprites响应时间几乎一样,比原来为每个图...
分类:
Web程序 时间:
2015-01-25 23:55:36
阅读次数:
280
前一阵子,对系统界面做了些调优的工作。简单总结下:
1. js css压缩合并,老生常谈 ,前面blog也介绍了assets管理自动压缩的 机制。
2. 图片sprite png合并 就是将多个图片合并到一张图片上,减少了网络请求。
3. 图片优化,optipng-0.7.5.man.pdf 压缩图片到比较好的大小,经过仔细对比,感觉其实是减少了一些相近的颜色,统一替换。
4. ...
分类:
其他好文 时间:
2015-01-14 17:54:59
阅读次数:
185
python有一个图像处理库——PIL,可以处理图像文件。PIL提供了功能丰富的方法,比如格式转换、旋转、裁剪、改变尺寸、像素处理、图片合并等等等等,非常强大。举个简单的例子,调整图片的大小:import Imageinfile = 'D:\\original_img.jpg'outfile = '...
分类:
编程语言 时间:
2014-12-07 16:25:44
阅读次数:
183
利用CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;CSS Sprites能减少图片的字节,曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。解决了网页设计师在图片命名上的...
分类:
Web程序 时间:
2014-11-19 15:56:57
阅读次数:
202