每個公司一般都會有自己的品牌，每個品牌都有自己的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，對無障礙友好等特點。

 

當今設計logo非常方便，網絡上有各式各樣的logo設計在線生成器，并且免費下載，但是免費下載的logo格式一般是jpg、png等，唯獨中國設計之窗在線設計平臺提供svg格式的logo下載。

 

聽完小編給大家解讀完公司LOGO設計為何要SVG格式以后，你一定對SVG格式的圖片有了深入了解，尤其是svg格式的公司LOGO，因為它的應用是最廣的。