大家好，又见面了，我是你们的朋友全栈君。
精灵图简介
1.精灵图（雪碧图）
（1）问题：精灵图就是将很多的小图标合并到一张较大的图片中，那精灵是啥意思呢?(为此笑了一下午的我) 。
（2）精灵图也称雪碧图，由于大型网页首次加载需要时间，如果再加之加载小图标的时间，则会严重影响到用户体验。所以，考虑到在同一时间内，服务器拥堵的情况，使用精灵图来解决这一问题。那么怎么制作精灵图呢
2.使用ps制作精灵图的详细步骤
示例：将如下图图片中的四个图标合并为一张精灵图。
（1）将四个小图标拖入ps（亦可以打开），当前显示四个小图标已成功打开
（2）选择一张图标，添加画布，并确定画布大小
画布大小为小图标合并之后的图片大小，并选择延伸方向（即需要加入其他图片的位置），最好后边可以留出位置，以备后后续添加其他小图标
（3）拖动参考线，固定需要拖入的图标的位置
（4）根据下图将其他图标拖入上图中指定位置（以mobile1.png为例）
拖动完成效果
将其他小图标也拖入，如下完成
（5）导出：文件–导出–存储为web所用格式（选择png-24格式）
至此精灵图的制作步骤已经完成。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/134040.html原文链接：https://javaforall.net
![最新PHP 面试、笔试题汇总(code happy)[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
