CSS Sprites图片合并代码

ttx9n · 发表于 2011-5-11 22:24:53

CSS Sprites的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度

实现方法：

首先将小图片整合到一张大的图片上
然后根据具体图标在大图上的位置，给背景定位。

复制代码代码如下:
.icons{background-position:-8px -95px;}

使用技巧：

小图片排列方面：颜色相近的图片放在一起，可以减少输出的色数，进一步降低文件体积。
整合图片生成方面：PNG8的图像比GIF图像要小30%左右
通过工具再压缩：fireworks生成的PNG比photoshop更小，而一些专用的压缩软件也可以让图片再小一些。

dm00ji1s · 发表于 2022-10-25 05:32:08

非常vbcbvcvbvcb

wqpa63gz · 发表于 2022-11-18 09:43:01

非常vbcbvcvbvcb

kwa3hgmjp · 发表于 2023-9-2 13:57:33

来看看！！！

溪谷玉贤 · 发表于 2023-9-11 18:19:19

还不错啊

rveqwdpw5 · 发表于 2023-9-17 00:27:00

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

6q8s6p21 · 发表于 2023-9-23 21:34:26

加快速度很快就撒谎

dingzhi521 · 发表于 2023-10-21 03:58:28

儿飞飞微风DVD谁vdsvd

rveqwdpw5 · 发表于 2023-11-10 23:39:22

需要很久了终于找到了

4r8oiin60 · 发表于 2023-12-8 11:04:08

老大你好你好好你好

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS Sprites图片合并代码

相关帖子