芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
9

芒果添加简洁大方的 Favicon

作者 芒果/分类 未分类/发布于 2009-06-27 14:23

从上线之初,芒果就在思考 Favicon 的设计问题。不过画芒果图标的确比较费力,所以还是尽量从简。

当前的 Favicon 如图所示:Favicon,基于字母 “m” 和 Arial 字体作简单设计,背景色为 #7CBA0F,没有多少创意成分。

制作过程:
首先,使用 Fireworks 制作 64*64 像素的 PNG 图标,背景设置透明;
其次,利用在线转换工具输出 ICO 格式。芒果介绍过 5 款 ICO 和 PNG 图片格式互转工具,但转换效果并不理想。推荐使用 Dynamic Drive – FavIcon Generator,图标质量较佳,且支持透明背景;
然后,上传图标,在 header.php 模板文件的 <head></head> 部分添加以下代码:

<link rel="shortcut icon" type="images/x-icon" href="图标路径" />

最后,刷新浏览器即可,如果未显示,可能需要清空缓存。

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/mangguo-add-concise-elegant-favicon/" title="芒果添加简洁大方的 Favicon" rel="bookmark">芒果添加简洁大方的 Favicon | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 9 条群众意见

  1. 一只坏猫 /2009-06-27 19:24

    偶的已经使用了!嘿嘿! 回应

    #1
  2. Jutoy /2009-06-27 19:56

    嗯,看到了~ 回应

    #2
  3. watsonxu /2009-06-27 21:15

    这个 wordpress theme 很别致 :) 回应

    #3
  4. 芒果watsonxu/2009-06-27 21:30

    天涯海阁的大大~ 回应

    #4
  5. 仁心博客 /2009-06-27 23:59

    这个东西挺精致的。 回应

    #5
  6. 卢松松 /2009-06-28 00:13

    是的,我用的工具也和你一样。 回应

    #6
  7. bolo /2009-06-28 12:13

    好像和网站不太相称。 回应

    #7
  8. kaysnoopy /2009-07-01 07:41

    呵呵。也可以添加一个 GIF 的哦。。firefox 支持 GIF 动态的 favicon。。很帅。。

    两个可以一起使用。IE 则显示 ICO。Firefox 显示 GIF。。呵呵。 回应

    #8
  9. 华晨 /2009-07-05 22:59

    想起了 m 的巧克力糖。 回应

    #9

下面我简单说几句