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

  • 相关阅读:
    项目笔记三
    ASP.NET小收集<9>:HTML解析
    TSQL数据维护:更改表所有者
    [转贴]SQL2005:数据类型最大值
    TSQL存储过程:ROW_NUMBER()分页
    JS收集<7>:浏览器event兼容
    统计SQLServer2005表记录数
    ASP.NET小收集<8>:JS创建对象
    JS收集<8>:HTML控件的坐标
    MySql按指定天数进行分组数据统计分析 1
  • 原文地址:https://www.cnblogs.com/huang/p/1620946.html
Copyright © 2011-2022 走看看