浏览器地址栏显示icon图标?photoshop+iconworkshop轻松制作!

如何在wordpress博客网址域名前添加icon小图标?怎样才能在网页浏览器网址栏中显示像百度 或雅虎的icon小图标?或者像睡到自然醒博客地址栏中大红的"睡"?这主要是通过favicon.ico图标实现的。

什么是favicon.ico?一般favicon用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置,目前主要的浏览器都支持favicon.ico图标。

首先用photoshop制作32x32像素的jpg、bmp等格式图片,具体不再赘述,可在网上查找相关PS教程。

有了源图片,就可以进行至favicon.ico的转换,有两种方法:
1. icon图标在线转换工具方便制作ico图标,比特虫在线转换www.bitbug.net,这个方法比较简单。
2. 有兴趣的也可以下载iconworkshop软件,:arrow:下载地址,使用也是很简单,打开原图片,设置下,另存为.ico即可,尺寸选择16x16。

icon小图标制作成功后,上传至网站空间根目录,或存放其它指定路径。打开wordpress头文件header.php,在页面源文件的<head> </head>标签之间插入
<link rel="shortcut icon" href="/favicon.ico" />

打开你的博客看看最新的浏览器icon图标吧。

转载请保留以下信息:
文章来源:睡到自然醒blog[http://www.dreamfreeblog.com]
文章链接地址: http://www.dreamfreeblog.com/browser-address-bar-show-icon-icon-photoshop-iconworkshop-easily-produced-224.html

收藏本文到网摘: Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 添加到饭否 QQ书签 Digbuzz我挖网
1 Star2 Stars3 Stars4 Stars5 Stars (我要投票)
Loading ... Loading ...

Share your opinion! Post your thoughts.