网站制作透明地址栏图标favicon.ico教程

王朝网站推广·作者佚名  2011-12-04
窄屏简体版  字體: |||超大  

无论是博客还是网站,做一个ico显示在地址栏上面,是很有必要的。好的图标能留给访问者很深印象哦。所以Ken今天给博客加上了一个ico,感觉还凑合,所以就发一份教程,希望能给各位朋友帮助。用到的工具有Photoshop版本随意以及Axialis IconWorkshop 6.3,软件可以到网上下载(注意安全问题哦)。

首先,打开Photoshop软件,我用的是Photoshop9.0,文件》新建》设置如下图:

然后就发挥自己的创造力,创造属于自己的ico。我简单的做了一个,用于教程。

制作的过程中,注意把需要透明的地方选中(推荐用魔棒工具),然后按Del删除,见到一些灰白相间的网格则是代表透明部分。

作品完成以后,单击文件》储存为Web所用格式》如下配置:

之后便可以打开Axialis IconWorkshop软件。

单击 文件》打开,然后打开你刚才保存的.gif文件。然后按图操作:

从图标创建 Windows 图标,然后如下图配置。

按下确定后,程序很快就把.gif文件转换成ico,然后我们就保存吧。

保存以后的ico文件更名为favicon.ico,上传到网站的根目录,然后就可以生效啦。不过我估计只能在ie7以上或者某些浏览器可以看到效果了。

附上psd文件,觉得设计一个ico麻烦的话就来我博客下载改吧。

原创文章请注明转载自许泽锋博客,本文地址:http://www.xuzefeng.com/post/15.html

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航