网站标题ico那些事

浏览器打开一个网页都会有一个标题&＃xff0c;用来显示当前页面的相关内容,如网站名称或者一篇文章的大标题&＃xff0c;而定义它应该显示啥的话完全由HTML中title标签的内容决定。

如我们的大博客园&＃xff1a;

但我们看到标题的同时也会留意到标题边上有一个小icon&＃xff0c;手有画龙点睛的作用。

而实现在标题上加icon也是十分简单的&＃xff0c;用html中的link标签就可以实现,如我们的大博客园。

那又会想到ico格式的图片是从哪来的了&＃xff0c;一般可以先在电脑上做好一张图片&＃xff0c;格式的化最好是透明的png/gif&＃xff0c;当然jpg也无碍&＃xff0c;

只是png/gif支持透明看上去更融合&＃xff0c;而且长宽是1&＃xff1a;1的&＃xff0c;大小的话感觉16*16刚刚好&＃xff0c;做好图片后再百度搜在线转ico图标&＃xff0c;

应该有不少的网站可供选择&＃xff0c;我平时用的是如下网站:http://www.ico.la/

但最近接手一个项目就是把公司做的一个网站在别家公司挂个入口&＃xff0c;再我们公司专门做一个网站用来做入口的地址&＃xff0c;而此网站的

头底部得用别家公司的&＃xff0c;同是title的icon也得用别家的&＃xff0c;总共大概有100家的样子。

我开始天真的以为拿icon直接去查看源码&＃xff0c;找到link标签&＃xff0c;再把对应地址的ico下载到我们的网站上就可以用啦&＃xff0c;后面发现我错啦&＃xff0c;

许多网站根本没有link也加上了ico&＃xff0c;有想从资源加载来查看ico路径&＃xff0c;也是不可行的&＃xff0c;后面百度了解后才知道是许多动态网站ico都是

直接通过服务器来加的。

苦逼的我还傻傻的按照先从网站上下logo再截取需要部分制作ico来放到标题上&＃xff0c;但是有一次遇到一个网站的ico跟它的网站logo完全

不是一码事&＃xff0c;翻了整个站也没找到跟ico相近的图片&＃xff0c;无赖只想靠万能的度娘&＃xff0c;最后发现有一种方法可以快速拿到网站的icon,可以输入

对应的的主站地址后面再加上favicon.ico来获取它的网站icon,于是又可以愉快的工作啦&＃xff01;