Favicon相信很多同学都知道了,不过在教程开始,还是先介绍一下
什么是Favicon?
Favicon(FAVorite ICON)是品牌图标,使用户可以在其浏览器的标签或书签中轻松找到你的网站。如今,网站图标不仅用于浏览器和移动设备,而且还用于搜索引擎,应用程序和平台。
重要的是它能否拥有较高的辨识度,让用户理解。我们需要在小图标中轻易的选择这是件困难的事情。所以对于架站来说要有一个标志性的形象,让人们记住,就需要.ico图标。如下图:
优秀.ico图标要满足的标准:
① 识别功能
表达意思要清晰准确,让人辨识度高,避免过度复杂的设计,让用户更清楚识别。
② 视觉效果
造型比例要设计妥当,缩放均美观。让设计保持现代、简洁、亲切,在特定显示页面和环境下清晰可辨。
③ 统一且一致的形象
.ico图标必须与Logo一致。一套统一的设计和一致的细节体现能提升网站的专业度。
④ 打造品牌感
将品牌的考究注入到小图标的设计中,更让人加深印象。
⑤ 简约而不简单
越复杂的图标越难辨识,准确的把控以上几点来设计小图标。让小图标的设计更精美。
巧用Logaster设计.ico图标
这里我选择介绍的是用Logaster在线logo生成器来一键设计.ico图标。
对于想做ICO图标的新手来说你可能会架站,但是不一定会设计,那么这个就正好满足你的需求,一键设计,轻松下载网站.ico图标。
Logaster,是一个让logo设计变简单的在线生成器。为了保持一致的品牌形象,通常会在logo的基本元素之外创建网站图标。因此,你需要从logo开始。输入品牌核心词汇。
Logaster会如魔术一样生成多个适合你的logo。这仅仅只需要你点几下鼠标,等待两分钟。
你可以根据你选择的logo创建.ico图标设计。这个网站可以创建Logo,并一次生成一整套不同大小(16-128像素)的图标。小尺寸图标是免费下载的。
示例展示
Logaster在线logo生成器网站链接:
https://www.logaster.com/ 英文版 -->只能生成英文Logo
https://www.logaster.cn/ 中文版 -->使用了英文版之后,若要再跳回中文版需清除浏览记录。
.ICO与.PNG和.GIF相比的主要优势
用Logaster在线logo生成器保存并下载的文件正确的格式是(PNG),将文件下载到计算机,之后转换为.ico。
为什么要转换成.ico图标呢?
为了更好的让大家区分,我们来解析下.ico的优势
① 广泛性:所有浏览器中的小图标都支持.ICO格式,你可以广泛应用在各种网站。
② 普通用户用的基本上是360浏览器,搜狗浏览器,qq浏览器。所有现代浏览器都会忽略端口,始终发送请求favicon.ico文件,你收藏的网站也是一个小图标。因此,强烈建议你如果架站一定要有.ico图标。
③ .ICO格式的文件不用担心要做什么尺寸,它有统一的规格。有些人觉得图标越大越好,其实对于.ico图标来说大的反而影响网站网速并且不能展示。所以对于.ICO格式的文件不用设计多种尺寸,只需要16x16 和 32x32的图标。
总结
网站的图标是一个经常出现在收藏夹里面的小书签并且在浏览器选项里和地址栏中经常出现,设计样式时也要顾及它的大小和应用。
为了方便运用,在架站中不能忽视。不会设计没关系,Logaster-在线Logo生成工具,一键设计轻松下载网站.ico图标。
我们运用在网站中的Logo设计以及.ico图标设计在界面设计中占有很重要位置,决定一个界面风格的重要构成元素。一个好的图标,可以让用户秒懂,设计一个优秀的图标是架设网站中的重中之重。希望今天的文章对大家有帮助,能在阅读中得到答案。
评论列表(2条)
啊这玩意儿还要用flash player……
一般情况下,在网站地址后面加/favicon.ico就可以下载,比如果核网站的favicon就是https://www.ghxi.com/favicon.ico