不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。

PSpriter一开始的目标,就是这个:Css Sprites。

简介:

/**
* 在CSS中,将小图合并,并用大图替换原来的小图,修正或添加background-position
*
* 1、如果background-repeat:repeat | repeat-x | repeat-y
#PSpriter #Css Sprites 浏览(845) 阅读全文 评论

在Css Sprites中进行图片合并,需要考虑到图片如何布局的问题,而且得考虑:

如果是混合模式进行图片合并,那么该如何布局,才能保证合并后的大图面积最小(能合并成100KB的,绝对比合并成120KB的好!)。

这也还不够,还需要考虑的是:布局的算法,如何才能性能更佳?也就是矩形布局所需要消耗的时间。


查了好多资料,也看了老外的布局算法,有rectangle packing,有bin packing,但还是满足不了自己对性能的要求。

所以,干脆自己写一个吧!

简介:

/**