ps精灵图

ps精灵图

1PS是用来处理位图的，而AI是用来处理矢量图的。
2.位图和矢量图
​ 位图是由像素点组成的，文件较大，放大会失真，一般用来表示人物、风景等；矢量图是由线条组成的，文件较小，放大后不会失真，一般用来表示工程图等，是由若干个几何图形拼合而成。
3.分辨率
​ 又叫解析度、解像度。可分为显示分辨率、图像分辨率、打印分辨率和扫描分辨率等。
​ 图像分辨率就是单位英寸中所包含的像素点数。分辨率越高意味着图像越清晰，但这个图像文件也越大。
4.位分辨率
​ 又叫色彩深度或位深度，批一个像素中，每个颜色分量（Red,Green,Blue，Alpha通道）的比特数。
​ 位指的是二进制数或比特(bit)。

5.网页所支持的图片格式
​ 1）.jpg
​ 24位压缩格式的图片，压缩率越大的图片，显示的内容越模糊，文件会越小。
​ 2）.png
​ 是一种无损压缩的位图图形格式，背景为透明效果，使彩色图像的边缘能与任何背景平滑地融合，从而彻底地消除锯齿边缘
​ 3）.gif
​ 分为GIF格式的动画和静态图像也是高压缩的图像文件。静态图像也是高压缩的图像文件。
​ 4）.svg
​ HTML5新增的矢量图，一般用作图标字符。
​ 5）Base64（图像编码）
​ 设计时把图像文件解析成字符编码，浏览器会自动将其再还原为图像。实际上也是一种加密方法。
​ 很少使用这种用法，图像越大，编码量就越多，所以一般对大图不做bas