favicon 及相关插件

favicon,可以说是一个网站的代表。
简洁、独特、容易辨识、有象征意义,是一个好的 favicon 的基础。
随着站点逐渐走向正规,骆驼也在设计着属于自己的 favicon。

首先的大方向,便是一个简单的“h”小写字母,颜色是自己一贯中意的海军蓝(navy)。
第二需要决定的便是字体了。在 Segoe Script 和 Segoe Print 之间稍稍做了犹豫。
前者更为接近草书,而后者的更显简洁。
本来我是更倾向于 Segoe Print 的,
但是就实际的效果而言,Segoe Script 却略胜一筹了。

  • favicon [Segoe Script]
  • favicon [Segoe Script]粗
  • favicon [Segoe Print]
  • favicon [Segoe Print]粗

接下来就是具体的实施过程了。
Paint.NET 新建一个 600×600 的图形,字体大小约为 450px。
将空白处删除以作透明,保存为 png 格式即可。
接下来便可以用 Moo0 ImageTypeConverter 将图形快捷的转换为 16×16 的 ico 文件。

让页面显示 favicon 只需在 <head> 中加入以下代码:
<link rel="shortcut icon" href="favicon.ico" />

如果是在 WP 中,可以在修改主题的 header.php
<link rel="shortcut icon" href="<?php bloginfo('url'); ?>/favicon.ico" />

当然,也有更加便捷的方法,便是安装类似 Shockingly Simple Favicon 的插件。
这个插件可以让你不通过修改主题而达到相应的效果,
同时也能设定 WP 管理页面的 favicon,非常实用。

【相关资料】
1、matias s 的 Shockingly Simple Favicon
2、便捷小巧的图片转换软件 Moo0 ImageTypeConverter
3、强大小巧的图片修改软件 Paint.NET

发表评论

邮箱地址不会被公开。 必填项已用*标注