JPG 格式图片

1. 前言

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

2. 简介

xxx.jpg 应该是目前最常见的一种 图片 格式了，它属于有损压缩格式。

jpg 能够将图像压缩在很小的储存空间，一定程度上会造成图像数据的损伤。尤其是使用过高的压缩比例，将使最终解压缩后恢复的图像质量降低。

3. JPG  图片 优点

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

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

4. JPG  图片 缺点

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

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

5. 小结

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

查看更多关于JPG 格式图片的详细内容...