小为的PS技术就不行了。做的丑了点,具体的效果你可以看下现在浏览器上面的效果。
Favicon.ico是网站的图标,具体的效果可以查看二肯工作室地址栏旁边的图标。一下方法能帮你学习会如何制作ICO图标,不仅仅只是制作Favicon.ico图标,你也可以做各种规格大小的ICO图标。
这个Favicon.ico的制作方法有两种:1、直接使用Photoshop制作;2、制作成PNG再转换成ICO。
直接使用Photoshop制作ICO图标:
Photoshop是不能直接制作ICO图标的,但是通过增加一个插件就可以让Photoshop能导出一个以.ico为后缀的文件,即可以制作ICO图标。
插件:Icon plugin for photoshop ( plugin @via )
这个插件是来自国外一位朋友制作,可以让Photoshop能导出ICO格式的文件,而且能让Photoshop编辑ICO图标。
插件下载地址:ICON PLUGIN FOR PHOTOSHOP
插件使用方法:
解压下载后的Zip文件,里面有Png.8bi和ICO.8bi这两个文件,复制到Photoshop的安装目录下面的Plug-ins/File Formats文件夹下。File Formats可以是“文件格式”。中间遇到提示替换文件,请替换掉。
然后,你就可以用Photoshop制作你的ICO图标咯。
制作成PNG再转换成ICO:
经常看到别的地方有已经做好了的PNG的图标,重新自己按照上面的方法用Photoshop制作也太麻烦了。那就可以把已经做好的PNG图标直接转换成ICO图标。这个就更方便咯。
这个是一个在线的工具,http://tools.dynamicdrive.com/favicon/可以在线将PNG图片转换成Favicon.ICO图标,专门制作网站的ICO图标的,当然他也能制作桌面的ICO图标等等。生成的图标是透明的ICO图标,详细的可以看转换的参数:
其实制作ICO图标的方法很多,这两个小为觉得比较方便,推荐出来了。做站长或者博主的童鞋们,这篇文章估计对你们有用吧?
Tips:制作好的ICO图标,命名为favicon.ico然后传到网站根目录下就可以直接使用这个ICO图标了,不需要修改任何设置。(有些浏览器显示图标需要一段时间才行)