1. 前言

本节简单介绍一下雪碧图涉及到图片的格式以及图片的排列等，尤其是图片的排列将决定你的开发难易度，如果可以的话尽可能将图片制作成推荐的格式。

2. 简介

xxx.jpg 应该是目前最常见的一种图片格式了，它属于有损压缩格式。
jpg 能够将图像压缩在很小的储存空间，一定程度上会造成图像数据的损伤。尤其是使用过高的压缩比例，将使最终解压缩后恢复的图像质量降低。

3. JPG 图片优点

然而随着时代的发展，目前的 JPEG 压缩技术十分先进，它可以用有损压缩方式去除冗余的图像数据，换句话说，就是可以用较少的磁盘空间得到较好的图像品质。

所以这十分适合用在网络传输等场景，因为图片比较小所以具有传输速度快、减轻带宽压力等优势。

4. JPG 图片缺点

但是它也有一个比较致命的缺点：那就是这个图片永远都是有颜色的，换句话说就是不支持透明背景。

在 PS 中，上图就是一张 JPG 图片，因为白色也是颜色。而下图这样才代表没有颜色，代表透明：

5. 小结

所以它适用于一些对背景色不敏感的场景，比如大部分网站背景色都是白的，这时候就可以使用 JPG 格式的雪碧图啦。但是一般很少有人会这么干，所以下一种格式会更加常用。