更新站点的favicon

俺的部落格的favicon基本上已经百年未更新了。 今天找了一些时间绘制了一个新的icon。

icon的设计基本上是使用iphone图标的原型,圆角的图标。

 

这种图标的绘制比较简单,几个层就可以搞定,我使用的工具是firework。╮(╯▽╰)╭没有PS的天份没办法了。

 

做了几种尺寸的icon. 当然最后还做一个动画版本的16x16的icon.主要是firefox支持动画的gif作为favicons

修改的了一下代码,让浏览器更好得支持icons

 

    <link rel="icon" href="/icons/pjhome_logo_32.png" sizes="32x32">
    <link rel="icon" href="/icons/pjhome_logo_48.png" sizes="48x48">
    <link rel="icon" href="/icons/pjhome_logo_64.png" sizes="64x64">
   
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/icons/pjhome_logo_gif.gif" type="image/gif" />

 

最上面三句,其实不会对浏览器起作用。但是它会对一些 web To App 程序起作用,例如 Prism,可以告诉转换程序站点提供了更大的图标作为桌面应用的图标。

最后两句,顺序不要相反咯,要不firefox不会显示出动画图标咯。 :P

 

 



[本日志由 puterjam 于 2009-05-09 02:29 PM 编辑]
上一篇: 免费图标大派送
下一篇: CSS文件中的图片Referer判断差异
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: favicon icon 图标
相关日志:
评论: 12 | 引用: 0 | 查看次数: -
无奈[2010-05-19 11:54 AM | | | 121.15.90.219 | del | 回复回复]
我刚注册了 一个  博客,还不会怎 么用,请教教我吧                  
NoiRen.cn[2009-09-18 09:44 AM | | | 221.1.48.240 | del | 回复回复]
photoshop 能绘制 ico  格式吗?
Xioubin[2009-07-14 08:10 PM | | | 117.28.146.183 | del | 回复回复]
囧死。
冰叶[2009-07-06 07:19 AM | | | 119.141.252.196 | del | 回复回复]
www.iceleaf.com
我正在学photoshop呢!!
feiyang007[2009-05-25 05:23 PM | | | 121.204.56.216 | del | 回复回复]
我也想弄一个,能给个教程吗?
lAlA[2009-05-17 11:07 PM | | | 116.227.140.216 | del | 回复回复]
请问那个代码是写在哪里的~
寻寻[2009-05-11 04:09 PM | | | 222.138.105.239 | del | 回复回复]
博主帮找下www.qixian.net的老乡吧
Fly-space[2009-05-10 09:56 PM | | | 125.71.87.122 | del | 回复回复]
呵呵 还可以~  简约而不简单  
卡巴斯基激活码
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱:
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 500 字 | UBB代码 开启 | [img]标签 关闭