CSS Sprites技术是将一组小图片合成为1张图片,以节省传输时间和带宽。具体制作方法如下:
1. 将要组合的图片压缩成zip文件。各图片的尺寸最好一样。
2. 到spritegen生成sprite图片和css.
输入以下内容:
- 步骤1中压缩的图片zip
- 单个图片的宽度(Horizontal Offset)和高度(Vertical Offset)像素数
- 生成的图片文件格式(Sprite Output Format),可选gif、png、jpg。可以分别生成,取尺寸最小的。
然后,点击”Create Sprite Image & CSS”生成图片和CSS.
原文永久链接:https://jijian91.com/blog20080603/css_sprites_action.html
分类: 编程 — jijian91