更新站点的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

 

 

上一篇: 免费图标大派送
下一篇: CSS文件中的图片Referer判断差异
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: faviconfavicon iconicon 图标图标
相关日志: