230问答网 > 一些大型网站上，如腾讯，都使用一张带有很多小图片的大图片，然后网页上调用这些小图片，如何实现？

一些大型网站上，如腾讯，都使用一张带有很多小图片的大图片，然后网页上调用这些小图片，如何实现？

2024-12-23 13:46:38

推荐回答（2个）

回答1：

这个叫切片，你可以用PHOTOSHOP先做个大图，然后用菜单上的“切片工具”（和裁剪工具是同一个按钮，点住不放可以选择切片工具）把不同的部分框选上，分割成小块，然后“存储成web和设备所用格式”就会形成一个images的文件夹，里面就是你那些切出来的小图了

回答2：

都这么久了，不过既然看到了就说说吧，上一个回答太扯了，将许多小图标合成一张雪碧图，又叫精灵图，可以有效减少网站请求次数，一般用软件很简单就可以生成。调用时在网页设置好容器，通过css的background-image : url();插入，之后用background-position： ;调整图片到你想要的位置。