每个公司一般都会有自己的品牌,每个品牌都有自己的LOGO,LOGO是品牌的标识之一,是企业品牌形象之一。LOGO在企业中的地位是很重要的,LOGO会应用到各种场景中,公司LOGO设计一定要SVG格式。
今天小编给大家从多方面解读公司LOGO设计为什么一定要SVG格式。
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几乎一样(真的是坑爹)。
公司SVG格式LOGO设计优势
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等,唯独logofree在线设计平台提供svg格式的logo下载。
听完小编给大家解读完公司LOGO设计为何要SVG格式以后,你一定对SVG格式的图片有了深入了解,尤其是svg格式的公司LOGO,因为它的应用是最广的。
菠萝是很多人比较喜欢吃的一种水果,不仅清热解暑、生津止渴,还促进消化,是医食兼优的时令水果。大家也都知道,在吃菠萝前,要把菠萝放入盐水浸泡一会儿,很多人就会很好奇:菠萝为什么要用盐水泡一会才能吃呢?...
今天支付宝蚂蚁庄园2020年6月1日庄园小课堂的答案是什么呢?蚂蚁庄园庄园小课堂2020年6月1日的问题是【为什么蹲久了站起来会感觉两眼发黑】和【小鸡宝宝考考你,为什么我们国家的标准视力表要用“E”】...
今天支付宝蚂蚁庄园2020年6月1日庄园小课堂的答案是什么呢?蚂蚁庄园庄园小课堂2020年6月1日的问题是:为什么蹲久了站起来会感觉两眼发黑和小鸡宝宝考考你,为什么我们 的标准视力表要用“E”?下面小...
为什么我们国家的标准视力表要用E?想必很多朋友都想知道支付宝蚂蚁庄园今日课堂答题是什么,今天小编为大家分享2020年6月1日支付宝蚂蚁庄园今日答题答案吧! 支付宝蚂蚁庄园今日课堂答题6月1日,你...
最近搞了一SEO诊断的活动,前来诊断SEO的人比较多,诊断完了以后也不知道他们有没有收获啥的,总而言之都是非常感谢之类的词汇,但在其中也让我遇到一件非常尴尬的事情,事情是这样的。 你好,耀宗,帮我诊...
化妆水常常容易被我们忽略:因为它不像洗面奶,隔离乳,防晒霜那样从名字就能看出具体功能的产品,同时我相信也有不少宝宝们平时不使用化妆水的。 ①那么化妆水这种东西到底是不是必需品? ② 化妆水用手拍,...