九、SVG格式SVG可以算是目前最最火热的图像文件格式了，它的意思为可缩放的矢量图形。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有互交功能，并可以随时插入到HTML中通过浏览器来观看。

它提供了目前网络流行格式GIF和JPEG无法具备了优势：可以任意放大图形显示，但绝不会以牺牲图像质量为代价；字在SVG图像中保留可编辑和可搜寻的状态；平均来讲，SVG文件比JPEG和GIF格式的文件要小很多，因而下载也很快。可以相信，SVG的开发将会为Web提供新的图像标准。还有一些其它非主流图像格式,如：PCX格式、DXF格式、WMF格式、EMF格式、LIC（FLI/FLC）格式、EPS格式、TGA格式，不再赘述。  

  3色彩模式有哪些？有什么区别？  

  常用的色彩模式主要有RGB和CMYK两种，RGB通过三种光线（红绿蓝）的组合配比产生结果，而CMYK通过青色、品红、黄色、黑色颜料的混合，在光线下产生反射而产生结果，因此两种色彩模式从根本上来说机制有所区别，从而导致颜色的色彩区间（色彩数量）有所区别。  

  RGB模式：适用显示器、扫描仪、数码相机、投影仪等。  

  CMYK模式：适用于印刷设备、打印设备。  

  有些在网页上不能显示会出现红叉叉，有时就是因为在保存时使用了CMYK色彩模式保存成文件，浏览器不能识别导致的。  

  色值是怎么回事？  

  我们在CSS里面经常看见#333333这样的东西，这就叫色值。CSS中允许对特定的颜色使用英文，例如：color:white，他等价于color:#ffffff。英文颜色的色值对于非专业人士可以使用，对于程序人员建议使用六位的颜色代码方式来表示颜色，以避免浏览器色彩标准不一致、设备差异导致的显示不一致或错误。顺便说一下哦，photoshop里自带的拾色器可以抓取颜色，并查看色彩模式中各颜色的配比值。  

  什么是像素图？什么是矢量图？有什么区别？  

  像素图就是保存的时候由像素块组成的图像。如果将像素图放大，可以看到：  

  矢量图在保存的时候，会保存点和路径，在显示的时候再实时计算出来。所以矢量图在特别复杂的时候，会在显示时大量占用硬件资源。  

  html中使用标签画图时，属于矢量图。结合以上实际，在HTML页面画比较复杂的图形时，不如用像素图代替，以节省浏览器资源。同理，在浏览器中使用像素图时，也要将图形适量缩小，以降低文件大小，节省浏览器资源。  

Powered by Froala Editor