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

今天小編給大家從多方面解讀公司

SVG

什么是SVG？SVG可縮放矢量圖形（Scalable Vector Graphics）是基于可擴展標記語言（XML），用于描述二維矢量圖形的一種圖形格式。SVG是W3C制定的一種新的二維矢量圖形格式，也是規(guī)范中的網(wǎng)絡矢量圖形標準。SVG嚴格遵從XML語法，并用文本格式的描述性語言來描述圖像內(nèi)容，因此是一種和圖像分辨率無關的矢量圖形格式。簡單的說他就是一個可伸縮矢量圖形(Scalable Vector Graphics)，在瀏覽器中采用繪圖技術。

接下來我們來看看使用iconfont和使用SVG做出來的圖標有什么差異：

chrome瀏覽器下效果

火狐瀏覽器下效果

IE9瀏覽器下效果

上面的demo分別在不同瀏覽器下的效果，第一行用的是iconfont實現(xiàn)，下面三行都是用的SVG實現(xiàn)的圖標，只是調(diào)用SVG時的方法不同：第一行是用inlineSVG，將SVG直接寫在html中來使用，第二行是用的img標簽去調(diào)用SVG，第三行用樣式的background來調(diào)用SVG文件。從Chrome和FF下的顯示效果，我們看到SVG畫的ICON的質(zhì)量確實是比iconfont要好，iconfont做的圖標，我截圖后放大后看到線的邊緣發(fā)虛了，這是因為字體渲染的原因導致，在FF下也是發(fā)虛，只是不那么明顯。在IE9+下的效果上我們看到IE對SVG的支持性著實差的令人無法直視，IE10，IE11效果和IE9幾乎一樣（真的是坑爹）。

公司

1.

與同類圖片相比，在體積上有優(yōu)勢，同時作為一種XML文件，對gzip的壓縮支持度好。同一個LOGO，別人的要幾兆，而SVG的LOGO，只要幾十KB，這就是差距

2.

可以任意改變大小，不會影響圖片質(zhì)量。小到網(wǎng)站favicon，大到高鐵廣告牌，svg格式的LOGO可任意改變大小，圖片永遠保持清晰，毫無影響效果。

3.

可對圖形元素進行操作。

4.

高清屏對展示內(nèi)容要求很高，因為svg格式的圖片是任意改變大小的，因此他完美支持于各類高清屏，完美展現(xiàn)，毫無馬賽克。

5.SVG

由于SVG采用的是XML的語法，圖形的里的文本內(nèi)容可以被瀏覽器，搜索引擎和讀屏軟件讀取，所以本身具有可讀性好，如果網(wǎng)站LOGO使用svg格式圖片，更有利于SEO，對無障礙友好等特點。

當今設計logo非常方便，網(wǎng)絡上有各式各樣的logo設計在線生成器，并且免費下載，但是免費下載的logo格式一般是jpg、png等，唯獨藝點意創(chuàng)在線設計平臺提供svg格式的logo下載。

聽完小編給大家解讀完公司

相關標簽： 襄樊logo設計 涼皮店logo設計 籃球隊logo設計 楚雄logo設計 酒店導示牌 泉州商標注冊

上一篇：logo是什么意思

下一篇：十一大設計師必備設計制作工具

免責聲明：該內(nèi)容為平臺自行用戶上傳，非本平臺原創(chuàng)內(nèi)容，僅供參考與分享所用，相關知識產(chǎn)權歸屬于品牌方或發(fā)布人所有。本網(wǎng)站系信息發(fā)布平臺，本網(wǎng)站僅提供信息存儲空間服務，如權利人發(fā)現(xiàn)被侵權，請及時與本站聯(lián)系處理。投訴反饋