网站标题ico那些事

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

如我们的大博客园:

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

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

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

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

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

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

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

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

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

直接通过服务器来加的。

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

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

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

posted @ 2015-12-02 14:50  !win !  阅读(575)  评论(0编辑  收藏  举报