site topic网站专题
首页
>
网站专题
>
专题详情
分享新闻到:

48 个出众的网站 Favicon 如何制作

互诺科技:2009-11-03 16:53     阅读数:       标签:

Favicon 是显示在地址栏上的网站的视觉标志,也用作网站书签图标,地址形式为http://chinaz.com/Favicon.ico 。

Favicon 可以帮助访问者对你的网站内容有一个视觉印象,除此之外,Favicon 很好看,一个设计出众的 Favicon 本身是一种视觉享受,Smashing Magazine 曾发表过很多 Favicon 相关的文章,本文是 Smashing Magazine 精选的最新的50个设计出众的 Favicon。

Notifu

Celsius Compile

Derek Allard

Typo3 Switch

Tajloro

Nicole Bauer

Computersight

Leisure and Cultural Services Department, Hong Kong

Sodevious

Inspired Buddy

Digital Camera Resource Page

Accessites

Creative News

Bed and Breakfast Brescia

Web Urbanist

LoupDeLou

Vida Comunicação

Clay Ant

Patrick Monkel’s Karma

Designspotter

Train 1 on 1

Turism Point Romania

Heartprints

The Pennsylvania Federation of College Republicans

Burrow Physiotherapy Pontefract

Dean J. Robinson

Salt Solutions

Lyte Byte

Foxycart

Notified

Evoluted

Lifesize

Iconified

Kidsmodern

Knoxville Tourism

Etnies

Max Voltar

we:presenter

Scrumy

Stefano Verna. (Yes, a simple idea, but very effective in a bookmark list.)

Web Magazine

My Bank Tracker

Get a Freelancer. (Reminds me of the Christ the Redeemer statue in Rio de Janeiro.)

Scinexx

Diplod

Strands

Custom Canvas

I like to Design. (Last but not least, a very animated one.)

附:如何给网站制作Favicon

附:如何给网站制作Favicon

制作:

建议制作一张400x400的jpg图像,然后等比缩小到你想转换的ico尺寸(一般为16×16,如百度;也可以制作成为32×32、48×48等)

最后用相关软件转换成ico图标格式。当然也有网上在线制作的。

设置:

成功生成favicon.ico图像后,上传favicon.ico文件到网站根目录下(也可以是其他目录)

在页面(一般为主页)源文件的<head></head>标签之间插入
<link rel="shortcut icon" href=http://www.chinaz.com/Design/Pages/"favicon.ico" _fcksavedurl=""favicon.ico"" _fcksavedurl=""favicon.ico"" />
(注:动态的网站管理系统,一般要在主页模板中添加设置)
最后形成:
<head>
...
<link rel="shortcut icon" href=http://www.chinaz.com/Design/Pages/"favicon.ico" />

(来源:smashingmagazine.com翻译:COMSHARP CMS)