今天心血来潮,想给自己的小破站整点儿新花样,琢磨着换个favicon图标,就是浏览器标签页上显示的那个小图标,让它看起来更个性化一点。这玩意儿虽然小,但也能体现出一个网站的“门面”嘛
于是我就开始折腾之旅。我还想着自己能不能画一个,毕竟咱也算是个“灵魂画手”(自认为)。
我先是搜下“favicon图标生成”,出来一堆在线工具,看得我眼花缭乱。我随便点进去一个叫“*”的网站,还真能在线画!界面看起来还挺时髦的,有点那个什么Web2.0的感觉(虽然我也不太懂)。
我兴致勃勃地在上面涂涂画画,画半天,感觉自己画出来的东西……emmm……怎么说,有点惨不忍睹。看来,术业有专攻,这画图标也不是谁都能干的。
然后我又试它那个导入图片生成的功能,把自己头像传上去,结果生成的图标要么变形,要么模糊,效果都不太理想。看来,直接用现成的图片也不太行。
我又换几个别的在线工具,有的能用字母生成图标,有的能用各种现成的图案,还有的甚至能用字体图标!我看到一个网站,好像是叫啥“Font Awesome”的,说能用字体做图标,还挺酷炫。
不过我试一圈,这些工具生成的图标,要么就是太简单,要么就是跟我的网站风格不太搭。看来,想找到一个完全满意的图标,还真不是一件容易的事。
折腾一下午,我都有点想放弃。不过作为一个有强迫症的博主,怎么能容忍自己的网站没有一个好看的favicon?
我想到一个办法:既然自己画不行,找现成的也不行,那就找个差不多的,然后自己稍微改改!
我找到一个在线工具,它提供很多基础的图形,可以自定义颜色。我选一个比较简洁的图形,然后把颜色调成和我网站主题色差不多的,看起来还不错!
然后,我用截图工具把这个图标截下来,保存成PNG格式。再用另一个在线工具(名字我忘,反正就是能把PNG转成ICO的)把PNG图片转成ICO格式,因为favicon好像必须是ICO格式的才行。
终于,我得到一个还算满意的favicon图标!
一步,就是把这个图标上传到我的网站服务器,然后在网页代码里加上一段代码,告诉浏览器这个图标在哪儿。具体代码我就不写,反正网上一搜一大堆。
刷新一下网页,看到浏览器标签页上终于显示出我新做的图标,心里还是有点小激动的!
虽然过程有点曲折,但最终还是实现!以后再有人访问我的小破站,也能看到这个独一无二的favicon图标!
今天的分享就到这里,希望对大家有所帮助!