制作网址图标 favicon.ico

Tagged:  

小站搭建起来不久,首要的方向自然是充实与改进。文字方面的水平看来一时是上不去,写起东西来又太慢。可干着急也没用啊,不妨在其它地方做点小的修改,这一次就是使用了新的网站地址标识 favicon.ico 。

先说说这个favicon是什么呢?其实就是在地址栏旁边这样的小图标,比如这是《生而远行》的RSS订阅网址:

image

再刷新首页 http://borntotravel.org 之后,该是也可以看到新的图标faviconimage,目前这一版设计也很简单,就是取了首字母大写B。

现在有很多朋友自己找空间来搭网站,有了图标应该也可以使网站更为个性化,无论是作为网址书签保存,还是在多网页浏览之时,都能凸显而出,易于发现。

image

favicon.ico 虽然很小,似乎制作上却有些麻烦。自然也有专门软件来做,网上查到一篇教学文章,是用Photoshop,不过另还要下载favicon制作插件,这个我看看就知道是弄不了。

但现在好了,网站http://www.favicon.cc/提供在线编辑与制作favicon,十分方便,步骤如下:

1.选择颜色

2.在画板上点击小方格画出图案。在画板下面可以看到即时的在线预览效果图

3.点击下载图标

4.将favicon.ico上载到你的网站

网站上有不少开放版权的设计,尽可以拿来使用,参考起来有不少启发,这里的绿色房屋就是一例。

favicon

Favicon的图案不大,16x16的像素面积上很难有繁杂的手笔,设计上也以简单醒目为佳。《生而远行》这个图标image虽然构思简单,但就这样我也折腾了半天,弄出来几版的宛如萨尔瓦多·达利一样,吱吱歪歪的大写B跟遭了雷击的似的。后来还是得心灵手巧的敦子同学帮助,制出的图标简约大方,颜色上又与网站格调相配,我也十分喜欢,这里一并感谢。


几天不见,内容丰富了很多啊~~Wink

发表新评论

此内容将保密,不会被其他人看见。
  • 网页地址和电子邮件地址将会被自动转换为链接。
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><img><span><font>
  • 行和段被自动切分。

更多格式化选项信息