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

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幾乎一樣（真的是坑爹）。

公司

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設計 涼皮店logo設計 籃球隊logo設計 楚雄logo設計 酒店導示牌 泉州商標注冊

上一篇：logo是什么意思

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

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