在网站上使用SVG图片/动画，高清体积小不模糊

今天我们可以感受一下SVG图片格式的魅力。它的特点就是你放大后仍然非常清晰，那种质感是普通图片比不了的，另外它很小。因此，把它放应用在外贸网站建设上，就会发挥两个优势：一个是用户体验好，另一个是速度快。

先看下面这两个动画，上面这个是GIF的，第二个是SVG的。你认为哪一个更加清晰一些呢？ 肯定是第二张对吧，不信你把页面放大后会发现GIF的已经模糊的不行，SVG的仍然十分清楚。 另外，你知道它们的大小吗？ *个的是1300K左右，第二个的是20K，小了60倍，还更清晰。现在...... 您知道为什么网站上要用SVG格式来做图片和动画了吧？  那请继续往下看。

大小：1300KB   格式:GIF

大小：20KB   格式:SVG

SVG图片通常是用专业软件AI去做，当然如果您能下载到适合您用的也可以，但是要注意版权。它可以用在什么地方呢？比如您网站上的工艺流程、图标、图片素材等等。 

简单说一下关于动画这个事，早在十几年前，企业做网站的时候会经常用到flash动画，那个时候应用很广泛，有很多酷炫的效果，甚至在2003年的时候就已经有全站flash了。 毕竟，对于一个网页来说，动总是比静要更有视觉感染力的，这是毋庸置疑的。 

但是后来随着时代的变化和技术的更新，flash 这种技术逐渐退出了历史舞台。现在很多企业网站很少会看到一些特别有吸引力的动画，更多的是图片的轮播，或是淡入淡出的那种效果。 

但是，对于用户观感来说，动还是优于静的。但是现在flash又不行了，那怎么办呢，那就要用更好的技术了。 比如H5动画，CSS动画，SVG动画。  在这其中，SVG动画是我们分享的重点，因为同样具备体积小、高清放大不模糊的特点，而且还支持交互性的JS动画。


只不过SVG动画的制作成本相对较高，但出来的品质也是相当好的。 不过，您不用为此担心。还是那句话，交给我们就可以，我们来搞定！因为我们追求高品质，也有相应的技术人员。

或许有朋友会说，这个SVG跟网站排名又没什么关系。是这样的，它与排名没有直接关系。但是用户在您网站上的访问体验，就会与询盘转化有关系，而用户在您网站上的停留时长和访问深度，就会与您的SEO表现有关系。

下面我再放几张我们做的SVG动图，让大家看的更清楚一些。 如果动画没有动，可能是您的浏览器问题，请在图片上右键，在新标签中打开图像，就可以看到动画了。

好了，今天的分享就先到这，下次我们分享『外贸网站的WEBP』图片。再见。