解讀公司LOGO為何要用SVG格式

發布時間:2017/06/14 10:49 編輯:logofree標志在線制作
每個公司一般都會有自己的品牌,每個品牌都有自己的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瀏覽器下效果

chrome瀏覽器下效果

火狐瀏覽器下效果

火狐瀏覽器下效果

IE9瀏覽器下效果

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下載。


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

推薦閱讀
Advert:[left_fixed_adv]
3d太湖钓叟三字诀