更新站点的favicon
作者:puterjam 日期:2009-05-09
俺的部落格的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











我正在学photoshop呢!!