介绍图像的矢量图、图标字体、css图形、位图／点阵图或称光栅图、可伸缩矢量图形SVG
四种图像的类型
- 矢量图 → 使用线条丶多边形丶点丶曲线和填充效果的数学描述来创建图像，像 Adobe Illustrator (.ai) 文件。
- 图标字体 → 一种简便方法，把数十甚至数百个矢量符号和图标，一次以非常紧凑的形式加载至网站中。
- 位图／点阵图或称光栅图 → 是由像素 (pixels，也就是图片元素) 为基本单元所组成的细粒网格。
- CSS 图形 → 单靠css代码在网页上的使用，可加配有阴影丶边缘丶阴影丶悬停和点击状态等等效果。
- 可伸缩矢量图形SVG → 以开放格式的 xml 文件类型保存的一种矢量图，直接用于网页上。