2007年4月23日星期一

How to make icon

起因,我看到某人的部落格上多了一个icon,就是网址前面那个小图标。兴趣来了,也整一个吧。google一阵搞定。

找某中意的图片上传到这里,这里可以在线生成icon,包括静态的和动态的。注意要将Animate Favicon那个勾上。然后点gerenate就ok了,下面的Preview可以看到两种预览,download下来一个压缩包,里面就有生成好的icon。

将ico文件和gif文件上传到网上,譬如我就放到Google Page Creator里的。然后在网页代码里的head之间加入如下代码即可。

1.如果是静态的Favicon(只需上传ICO文件)

<link rel="shortcut icon" href="favicon.ico文件地址" / >

2.如果是动态的Gif(上传两个文件)

<link rel="shortcut icon" href="favicon.ico文件地址" / >
<link rel="icon" href="animated_favicon1.gif 文件地址" type="image/gif" / >

ps_1:我不会画画,所以是用word里的艺术字写了这个。会画画的人可以用这个做出漂亮的icon。

ps_2:此文参照自定义网址前的小图标:Favicon(已更新)

没有评论: