专注于WEB技术的IT博客

给自己的网站打造个性的favicon.ico标志

时间:2013-12-27分类: 网络技术浏览:4169
分享到:

在这个个性张扬的互联网时代,打造个性网站,塑造网站的品牌,给人留下更深刻的印象,除了网站的logo外,favicon标志也不能少。


下面将介绍如何打造网站的个性favicon.ico标志,如果你会了,那么就不要往下看了,以免浪费你的时间。


favicon.ico标志是什么?


favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的。


下图是红圈里的就是百度的favicon.ico标志



网站favicon.ico标志的制作


常用的Favicon.ico图标一般有3种规格16×16、32×32、48×48,自己选吧。制作Favicon.ico的方法很简单,首先准备好一张能代表网站个性的logo图片,然后在百度搜索“在线生成favicon.ico”,会有很多在线生成favicon.ico的工具,但使用方法都大同小异,如图所示



选好favicon.ico的生成尺寸,点击浏览上传前面准备好的logo图标,然后点击生成ICO,再把生成的favicon.ico标志保存在本地。


在网页上调用favicon.ico标志


把前面制作好的favicon.ico标志上传到网站根目录  ,在网站的模板源码的<head></head>里面添加如下代码

<link rel="shortcut icon" href="favicon.ico" />


我是把上面的代码放在网站主页模板里面的,刷新一下网站,favicon.ico图标出来了,如图





猜你喜欢
标签 : favicon
除非注明,本文首发网志博客,欢迎转载!转载请注明本文地址:http://w3note.com/web/135.html,谢谢。
  • 评论
  • 赞助本站