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

  • 相关阅读:
    省选测试28
    省选测试27
    省选测试26
    省选测试25
    省选测试24
    省选测试23
    省选测试22
    省选测试21
    关于maven 导入依赖的最终处理问题
    Dubbo 2 之抽取公共接口
  • 原文地址:https://www.cnblogs.com/huang/p/1620946.html
Copyright © 2020-2023  润新知