图标合并

1128242898d5948652l

中文真的不知道怎么解释,只能叫做图标合并技术,不过英文有个很帅的名字为CSS Sprites。之前在主题总能见到img文件夹里见到所有的图标都在一张图片上,而不是一个个分裂出来。总体来说,加载一张图片的速度要比十几个小图标的要快,即使这张图片所占空间要比那些小图标大。昨晚就学着,对现有主题进行了更换图标小测试,算是比较成功。

第一步,还是需要把所有图标都通过PS翻入一张空白透明的图片中。尽可能的左靠边比较好。然后把图片保存出来,什么格式都可以。目前常用的还是PNG吧。

第二步,借助bg2css软件,计算出每个图标所在的位置,并形成CSS样式。这个软件算是半完美状态了,可惜就是需要自己一个个去测量。我一开始以为会自动出结果。后来看相关视频才发现……我错了。

第三步,就是把bg2css测量出的CSS样式放入主题的CSS中,并上传刚刚PS出来的图片。

图标合并其实很简单,不过也挺需要耐性。对于没什么耐心的我来说,真的有点难度。以前觉得很高难度的东西,现在学会了,心中觉得开心。

标签:

发表评论

电子邮件地址不会被公开。 必填项已用*标注