每个公司一般都有自己的品牌，每个品牌都有自己的LOGO。LOGO是品牌标识之一，是企业品牌形象之一。LOGO在企业中的地位非常重要。LOGO会应用到各种场景。公司标志设计必须在SVG格式。
今天，边肖从多个方面解释了为什么公司标志设计必须采用SVG格式。
什么是SVG？
什么是SVG？可缩放矢量图形(SVG)是一种基于可扩展标记语言(XML)的图形格式，用于描述二维矢量图形。SVG是W3C开发的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG严格遵守XML语法，使用文本格式的描述性语言来描述图像内容，因此是一种独立于图像分辨率的矢量图形格式。简单来说就是一个可扩展的矢量图形，在浏览器中使用了画图技术。
接下来，我们来看看用iconfont和SVG制作的图标的区别:
chrome浏览器下的效果
Firefox浏览器中的效果
浏览器下的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几乎一样（真的是坑爹）。上面的演示展示了不同浏览器的不同效果。第一行是iconfont实现的，后面三行都是SVG实现的图标，只是调用SVG的方法不同:第一行用的是inlineSVG，直接用html写出来使用，第二行用img标签调用SVG，第三行用style background调用SVG文件。从Chrome和FF下的显示效果可以看出，SVG绘制的图标质量确实优于iconfont。iconfont做的图标，我截图放大后显示线条边缘较弱，是字体渲染造成的。在FF下也是弱的，只是没那么明显。论IE9+的效果，我们可以看到IE对SVG的支持真的很差，IE10和IE11的效果和IE9几乎一样(真的是一招)。
SVG标志设计的优势
1.体积小，可压缩
相比同类图片，在体积上有优势，作为XML文件，对gzip有很好的压缩支持。同样的LOGO，别人的需要几兆，而SVG的LOGO只需要几十KB。这就是差距。
2.向量，清除
在不影响画质的情况下，可以随意改变大小。从网站favicon到高铁广告牌，svg格式的LOGO可以任意改变大小，图片永远保持清晰，不影响效果。
3.相互作用的
您可以对图形元素进行操作。
4.支持高清屏幕
高清屏幕对显示内容的要求很高，因为svg格式的图片是任意改变大小的，所以它完美支持各种高清屏幕，无马赛克的完美呈现。
5.SVG是可读的。
由于svg采用XML语法，图形中的文本内容可以被浏览器、搜索引擎和读屏软件读取，因此具有可读性。如果网站LOGO使用SVG格式图片，更有利于SEO和无障碍。
现在设计logos很方便。网上有各种在线logo设计生成器，可以免费下载。不过免费下载的logo格式一般都是jpg，png等。，并且只有logo免费的在线设计平台提供svg格式的logo下载。
听了边肖的讲解，公司LOGO设计为什么要用svg格式，你一定对SVG格式的图片有很深的理解，尤其是SVG格式的公司LOGO，因为它的应用最广泛。
