每个公司一般都会有自己的品牌，每个品牌都有自己的 LOGO，LOGO 是品牌的标识之一，是企业品牌形象之一。LOGO 在企业中的地位是很重要的，LOGO 会应用到各种场景中，公司 LOGO 设计一定要 SVG 格式。

今天小编给大家从多方面解读公司 LOGO 设计为什么一定要 SVG 格式。

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，对无障碍友好等特点。