CSS图片格式

1 .位图和矢量图

位图也叫点阵图,是由一个个的方形的像素点排列在一起拼接而成的,位图在放大时,图像会失真。
矢量图的图像是由函数曲线生成的,当放大图像时,实际的原理就是将曲线乘以一个倍数,图像可以轻易地放大,而且不会出现像素块,图像边缘也不会出现锯齿

2. 　　

目前首选的网页矢量图格式
优点:图像容量小,图像放大不失真,支持透明背景和半透明色彩,图像边缘光滑。
缺点:色彩不够丰富

CSS图片格式