首先我们来看看svg的定义:
可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。
首先很多人可能都不知道svg格式,所已国内很少人用svg格式的图片做网站标志,如果你觉得网站logo只是摆设,那自然觉得无所谓,如果网站LOGO是商标,是重要的数字资产,那严格定义的SVG就有所谓了。像现在国内的大型网站如:优酷 爱奇艺 西瓜视频现在都是用的svg标志logo,那么我们今天就来探讨一下svg标志的优势。
1.svg图片属于矢量图形,所以可以无限缩放,展示效果更好
2.可添加动画效果,当然比gif不是一个档次
3.体积小,可自适应logo框架大小
4.适合网页,比png格式兼容性更好
SVG是用于描述XML中的二维图形的语言[ XML10,XML11 ]。SVG允许三种类型的图形对象:矢量图形(例如,由直线和曲线组成的路径),多媒体(如光栅图像,视频和音频)以及文本。可以对图形对象进行分组,样式化,转换和合成为先前渲染的对象。 相对GIF与JPEG光栅文件格式来看,SVG图形可以扩展到不同的显示分辨率,例如打印输出使用打印机的全分辨率,并且可以在不同分辨率的屏幕上以相同尺寸显示。相同的SVG图形可以在同一个网页上以不同的大小放置,并且可以在不同的页面上以不同的大小重新使用。>可以放大SVG图形以查看细节,或者帮助视力低下的人。由于所有现代显示都是面向栅格的,所以仅栅格图形和矢量图形之间的区别归结为它们被栅格化的地方; 客户端在矢量图形的情况下,而不是已经在服务器上被光栅化。 SVG控制光栅化过程,例如允许消除锯齿艺术品,而不会出现低质量矢量实现混叠。SVG还提供了客户端栅格滤镜效果,因此移动到矢量格式并不会丢失诸如柔和阴影之类的流行效果。由此看出SVG矢量图形格式相对于GIF,JPEG光栅文件格式的优势明显。
怎么做svg标志:
这个可以用AI或者CDR都可以做,也能把图片转为svg格式,当然图片转的效果大大不如自己做的,网上也有在线转换的网站。
扩展阅读:1.关于苹果Safari网页图标开发相关代码使用 2.让你的网站全站变成黑白教程