今天我們可以感受一下SVG圖片格式的魅力。它的特點(diǎn)就是你放大后仍然非常清晰，那種質(zhì)感是普通圖片比不了的，另外它很小。因此，把它放應(yīng)用在外貿(mào)網(wǎng)站建設(shè)上，就會(huì)發(fā)揮兩個(gè)優(yōu)勢(shì)：一個(gè)是用戶體驗(yàn)好，另一個(gè)是速度快。

先看下面這兩個(gè)動(dòng)畫，上面這個(gè)是GIF的，第二個(gè)是SVG的。你認(rèn)為哪一個(gè)更加清晰一些呢？ 肯定是第二張對(duì)吧，不信你把頁(yè)面放大后會(huì)發(fā)現(xiàn)GIF的已經(jīng)模糊的不行，SVG的仍然十分清楚。 另外，你知道它們的大小嗎？ *個(gè)的是1300K左右，第二個(gè)的是20K，小了60倍，還更清晰?，F(xiàn)在...... 您知道為什么網(wǎng)站上要用SVG格式來做圖片和動(dòng)畫了吧？  那請(qǐng)繼續(xù)往下看。

大?。?300KB   格式:GIF

大?。?0KB   格式:SVG

SVG圖片通常是用專業(yè)軟件AI去做，當(dāng)然如果您能下載到適合您用的也可以，但是要注意版權(quán)。它可以用在什么地方呢？比如您網(wǎng)站上的工藝流程、圖標(biāo)、圖片素材等等。 

簡(jiǎn)單說一下關(guān)于動(dòng)畫這個(gè)事，早在十幾年前，企業(yè)做網(wǎng)站的時(shí)候會(huì)經(jīng)常用到flash動(dòng)畫，那個(gè)時(shí)候應(yīng)用很廣泛，有很多酷炫的效果，甚至在2003年的時(shí)候就已經(jīng)有全站flash了。 畢竟，對(duì)于一個(gè)網(wǎng)頁(yè)來說，動(dòng)總是比靜要更有視覺感染力的，這是毋庸置疑的。 

但是后來隨著時(shí)代的變化和技術(shù)的更新，flash 這種技術(shù)逐漸退出了歷史舞臺(tái)?，F(xiàn)在很多企業(yè)網(wǎng)站很少會(huì)看到一些特別有吸引力的動(dòng)畫，更多的是圖片的輪播，或是淡入淡出的那種效果。 

但是，對(duì)于用戶觀感來說，動(dòng)還是優(yōu)于靜的。但是現(xiàn)在flash又不行了，那怎么辦呢，那就要用更好的技術(shù)了。 比如H5動(dòng)畫，CSS動(dòng)畫，SVG動(dòng)畫。  在這其中，SVG動(dòng)畫是我們分享的重點(diǎn)，因?yàn)橥瑯泳邆潴w積小、高清放大不模糊的特點(diǎn)，而且還支持交互性的JS動(dòng)畫。


只不過SVG動(dòng)畫的制作成本相對(duì)較高，但出來的品質(zhì)也是相當(dāng)好的。 不過，您不用為此擔(dān)心。還是那句話，交給我們就可以，我們來搞定！因?yàn)槲覀冏非蟾咂焚|(zhì)，也有相應(yīng)的技術(shù)人員。

或許有朋友會(huì)說，這個(gè)SVG跟網(wǎng)站排名又沒什么關(guān)系。是這樣的，它與排名沒有直接關(guān)系。但是用戶在您網(wǎng)站上的訪問體驗(yàn)，就會(huì)與詢盤轉(zhuǎn)化有關(guān)系，而用戶在您網(wǎng)站上的停留時(shí)長(zhǎng)和訪問深度，就會(huì)與您的SEO表現(xiàn)有關(guān)系。

下面我再放幾張我們做的SVG動(dòng)圖，讓大家看的更清楚一些。 如果動(dòng)畫沒有動(dòng)，可能是您的瀏覽器問題，請(qǐng)?jiān)趫D片上右鍵，在新標(biāo)簽中打開圖像，就可以看到動(dòng)畫了。

好了，今天的分享就先到這，下次我們分享『外貿(mào)網(wǎng)站的WEBP』圖片。再見。