网站是什么格式,网站的格式是什么样的

网站logo什么格式（公司LOGO设计一定要用SVG格式）

每个公司一般都有自己的品牌，每个品牌都有自己的LOGO。LOGO是品牌标识之一，是企业品牌形象之一。LOGO在企业中的地位非常重要。LOGO会应用到各种场景。公司标志设计必须在SVG格式。

今天，边肖从多个方面解释了为什么公司标志设计必须采用SVG格式。

什么是SVG？

什么是SVG？可缩放矢量图形(SVG)是一种基于可扩展标记语言(XML)的图形格式，用于描述二维矢量图形。SVG是W3C开发的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG严格遵守XML语法，使用文本格式的描述性语言来描述图像内容，因此是一种独立于图像分辨率的矢量图形格式。简单来说就是一个可扩展的矢量图形，在浏览器中使用了画图技术。

接下来，我们来看看用iconfont和SVG制作的图标的区别:

chrome浏览器下的效果

Firefox浏览器中的效果

浏览器下的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几乎一样（真的是坑爹）。上面的演示展示了不同浏览器的不同效果。第一行是iconfont实现的，后面三行都是SVG实现的图标，只是调用SVG的方法不同:第一行用的是inlineSVG，直接用html写出来使用，第二行用img标签调用SVG，第三行用style background调用SVG文件。从Chrome和FF下的显示效果可以看出，SVG绘制的图标质量确实优于iconfont。iconfont做的图标，我截图放大后显示线条边缘较弱，是字体渲染造成的。在FF下也是弱的，只是没那么明显。论IE9+的效果，我们可以看到IE对SVG的支持真的很差，IE10和IE11的效果和IE9几乎一样(真的是一招)。

SVG标志设计的优势

1.体积小，可压缩

相比同类图片，在体积上有优势，作为XML文件，对gzip有很好的压缩支持。同样的LOGO，别人的需要几兆，而SVG的LOGO只需要几十KB。这就是差距。

2.向量，清除

在不影响画质的情况下，可以随意改变大小。从网站favicon到高铁广告牌，svg格式的LOGO可以任意改变大小，图片永远保持清晰，不影响效果。

3.相互作用的

您可以对图形元素进行操作。

4.支持高清屏幕

高清屏幕对显示内容的要求很高，因为svg格式的图片是任意改变大小的，所以它完美支持各种高清屏幕，无马赛克的完美呈现。

5.SVG是可读的。

由于svg采用XML语法，图形中的文本内容可以被浏览器、搜索引擎和读屏软件读取，因此具有可读性。如果网站LOGO使用SVG格式图片，更有利于SEO和无障碍。

现在设计logos很方便。网上有各种在线logo设计生成器，可以免费下载。不过免费下载的logo格式一般都是jpg，png等。，并且只有logo免费的在线设计平台提供svg格式的logo下载。

听了边肖的讲解，公司LOGO设计为什么要用svg格式，你一定对SVG格式的图片有很深的理解，尤其是SVG格式的公司LOGO，因为它的应用最广泛。