前段时间在研究网站图示(Favicon)如何正确运作,对有在经营网站的站长来说一定知道在网站加入识别图案的重要性,一般来说,加入网站图示的作法并不困难,甚至很多网站会说只要一段原始码就能做到,但现在因为有行动装置作业系统,也要考量到网站被新增到桌面时会用到不同图示尺寸,因此就必须额外准备各种不同尺寸大小的网站图示。

Favicon.io
Favicon.io

本文要介绍的「Favicon.io」是一个协助站长制作网站图示(Favicon)的线上产生器,与Favic-o-Matic一样的好用,主要有三种功能,以文字、图片或表情符号制作网站图示,然后产生各种图片大小尺寸,以及一个必要的favicon.ico档案,只要将相关档案上传到网站伺服器,依照Favicon.io提供的原始码范例稍作修改就能为网站加入图示,和之前介绍的Favic-o-Matic差不多。

Favicon.io
https://favicon.io/

如果网站还没有适合的图案,Favicon.io 支援直接以文字产生网站图示,只要设定要显示的文字、字型、边框、文字大小然后设定颜色及背景颜色即可。

对于已经有Logo的网站,Favicon.io可以将现有的图案转为各种尺寸,支援JPG、PNG和BMP格式,亦可转换为favicon.ico。这个档案比较特别,也是浏览器会使用的特殊图片格式,在单一档案加入多层次图案,每一层图案都能有不同大小,常见尺寸包括16x16px、32x32px和48x48px。

为了获得最好的相容性,浏览器透过 favicon.ico档案在不同位置显示不同尺寸图片,例如书签列、网址列、浏览器标签或桌面捷径等等,若你觉得当前使用者的网站图示不够精确或想要更新一下,Favicon.io是个很好用的工具。

分享到: