2008年6月3日

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