制作一个属于你自己的favicon.ico图标(含字体)
大家可能都看见了,我的网站多了个favicon.ico,也就是一个“别”字,下面就介绍一下这个favicon.ico。
在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站Logo,也包括favicon。
![]()
什么是favicon?
所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
如何制作Favicon.ico
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo, 目前主要的浏览器都支持favicon.ico图标.
推荐一个在线制作网站比特虫:http://www.bitbug.net/
- 原始图像可以接受: .jpg .jpeg .gif .png等图像格式
- 原始图像文件大小限制在小于500k
- 建议制作一张400×400的jpg图像, 然后等比缩小到你想转换的ico尺寸,最后用比特虫转换成ico图标格式.
- 当然你也可以直接把原始尺寸的图像通过比特虫直接转换,比特虫会自动将图片缩小到合适的ico图标尺寸,不过可能会在缩小的时候有所失真
至于在浏览器中使用时16×16像素的图片已经足够,为什么还要准备32×32像素的图片,原因在于,正如上文所言,favicon也显示在地址栏中,用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的,如果您的Favicon.ico不包括32像素的图片,系统就只能使用默认的浏览器图标来标注网站/网页,如Internet Explorer的蓝色“e”,起不到我们意欲通过Favicon.ico打造网站品牌的作用。
在网页中使用Favicon.ico
浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入相应代码。
Firefox还支持GIF动画格式的Favicon,使用方法如下:首先制作一个16*16的gif动画,然后在html代码中加入相应代码。
本站的favicon图标只是简单制作的,有时间再仔细做一个吧,个人比较喜欢古典的篆体和祥书。下面提供几种篆体下载:
转载请注明源自别先生说事,多谢配合!
原文地址» http://www.mrbie.com/html/make-favcion-fonts-dowload.html
已有14 条评论:
呵呵,我的是一个南瓜头~~
老饕 在1楼说:
9:44 下午
@老饕:
南瓜头不太清楚。。
Taa 在2楼说:
10:22 下午
我的G应该够清楚吧。。。哈哈
蛋王 在3楼说:
11:02 下午
Thanks for posting about this, I would like to read more about this topic.
How I Lost 30 Pounds in 30 Days Without Diet 在4楼说:
9:27 上午
@How I Lost 30 Pounds in 30 Days Without Diet: Can you speak chinese?
Taa 在5楼说:
10:44 上午
呵呵,谢谢提醒,我会换站标的
老饕 在6楼说:
7:09 下午
一直就是不知道怎么放到网址前面去~
Yo2 在7楼说:
1:26 上午
链接已做。
PS:现在好多浏览器都不用加代码就可以识别favicon文件
eric 在8楼说:
9:18 下午
学习了,谢谢!
花茶 在9楼说:
9:05 下午
@花茶: 欢迎,欢迎。。
Taa 在10楼说:
10:04 下午
我的favicon直接是从别人的网站偷来的··啊··头疼 不太会做这么小像素的图
magehao 在11楼说:
10:06 下午
@magehao: 这个很简单的,还是自己做个有特色。
Taa 在12楼说:
10:45 下午
我还不会制作。原来这样地。O(∩_∩)O哈哈~
DreamDragon龙龙 在13楼说:
7:51 下午
@DreamDragon龙龙: 非常简单的,呵呵
Mr Bie 在14楼说:
11:35 下午