在线生成透明ICO图标
在线生成透明ICO图标 地址 http://ico.toolscat.com/
ico使用方式
以下是 HTML 元素:
<head>
<link rel="shortcut icon" href="/static/common/favicon.ico"/>
<link rel="icon" href="/static/common/favicon.ico" type="image/gif"/>
</head>
备注
语句一:<link rel="shortcut icon" href="/static/common/favicon.ico">
语句二:<link rel="icon" href="/static/common/favicon.ico" type="image/gif">
问题
语句一 Shortcut Icon 就是在网址列前面出现的Icon
语句二 icon的作用是怎么?和语句一有什么区别?
指导
过去,为保证favicon出现,网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示,即使是用同一版本的一种浏览器。
下列代码另一个局限就是它把favicon关联到了某个特定的HTML或XHTML文档上。为避免这一点,favicon.ico文件应置于根目录下。多数浏览器将自动检测并使用它。
建议包含以下两行HTML代码:
图像通常可以使用任何被浏览器支持的图像格式。
.ico文件格式通常可以被所有可以显示favicon的浏览器读取。
设置服务器,以发送正确的MIME标识:
1,ICO 文件 image/vnd.microsoft.icon(或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注册的MIME类型,因为多数主流浏览器现在支持它)
2,GIF 文件 image/gif
3,PNG 文件 image/png
4,ICO:包括多种分辨率(最常使用的是16×16和32×32,Mac OS X有时使用64×64和128×128)以及位深(比特每像素)(多数使用4、8、24 bpp,即16、256和1600万色)。
5,GIF: 使用16×16,256色。
6,PNG: 使用16×16,256色或24位。
注意
1.当favicon.ico被置于文档根目录时,将会被一些不处理link元件的浏览器找到,即使没有您的站点上没有指向它的链接。
2.尽量截取图片距离周边的距离小些,生成的icon在网页中显示效果更好