本日
SVG是什么
什么是SVG？SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记措辞（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C制订的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG严格屈服XML语法，并用文本格式的描述性措辞来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。大略的说他便是一个可伸缩矢量图形(Scalable Vector Graphics)，在浏览器中采取绘图技能。
接下来我们来看看利用iconfont和利用SVG做出来的图标有什么差异：
chrome浏览器下效果
火狐浏览器下效果
IE9浏览器下效果
上面的demo分别在不同浏览器下的效果，第一行用的是iconfont实现，下面三行都是用的SVG实现的图标，只是调用SVG时的方法不同：第一行是用inlineSVG，将SVG直接写在html中来利用，第二行是用的img标签去调用SVG，第三行用样式的background来调用SVG文件。从Chrome和FF下的显示效果，我们看到SVG画的ICON的质量确实是比iconfont要好，iconfont做的图标，我截图后放大后看到线的边缘发虚了，这是由于字体渲染的缘故原由导致，在FF下也是发虚，只是不那么明显。在IE9+下的效果上我们看到IE对SVG的支持性其实差的令人无法直视，IE10，IE11效果和IE9险些一样（真的是坑爹）。
公司SVG格式LOGO设计上风
1.体积小，可压缩
与同类图片比较，在体积上有上风，同时作为一种XML文件，对gzip的压缩支持度好。同一个LOGO，别人的要几兆，而SVG的LOGO，只要几十KB，这便是差距
2.矢量，清晰
可以任意改变大小，不会影响图片质量。小到网站favicon，大到高铁广告牌，svg格式的LOGO可任意改变大小，图片永久保持清晰，毫无影响效果。
3.可交互
可对图形元素进行操作。
4.支持高清屏
高清屏对展示内容哀求很高，由于svg格式的图片是任意改变大小的，因此他完美支持于各种高清屏，完美展现，毫无马赛克。
5.SVG可读性好
由于SVG采取的是XML的语法，图形的里的文本内容可以被浏览器，搜索引擎和读屏软件读取，以是本身具有可读性好，如果网站LOGO利用svg格式图片，更有利于SEO，对无障碍友好等特点。
当今设计logo非常方便，网络上有各式各样的logo设计在线天生器，并且免费***，但是免费***的logo格式一样平常是jpg、png等，唯独logofree在线设计平台供应svg格式的logo***。
听完
文章来自logofree在线logo设计制作平台。原文：
http://www.logofree.cn/news/shejizhishixuexi/svglogo.html
LogoFree是一个大略易用的免费LOGO在线制作平台，只需两分钟，就可以设计精美的LOGO，一站式的LOGO设计在线生造诣这么大略，而且免费***。
