Photoshop制作Favicon.ico图标(转载)

  @lunlun童鞋今天下午在Twitter上和我说二肯工作室怎么没有网站的Logo?囧rz...其实不是我不想有,只是小为我能力有限做不出好看的LOGO啊。所以勉强只用Photoshop做了个Favicon图标放到网站上了。

 

        小为的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.8biICO.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图标了,不需要修改任何设置。(有些浏览器显示图标需要一段时间才行)

原文地址:https://www.cnblogs.com/huang/p/1620946.html