欢迎访问LiMi前端UI框架!

favicon图标介绍

favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置。

目前主要的浏览器都支持favicon.ico图标。


1、请单击“浏览...”按钮上传你要转换的图片(支持格式 png,jpg,gif),大小限制在500k以内。

原始图像:
目标尺寸:
附加码:
验证码
编号 favicon.ico 原图预览 下载地址 转换结果
1 下载 转换成功
2、如何使用Favicon.ico?

当成功生成favicon.ico图像文件后,浏览器会自动弹出一个下载链接, 将下载的文件favicon.ico图像放在根目录下(也可以是其他目录)。

在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href=" /favicon.ico" />


最后形成:
<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>


工具简介

- 原始图像可以接受: .jpg .jpeg .gif .png等图像格式

- 原始图像文件大小限制在小于500k

- 建议制作一张400x400的jpg图像, 然后等比缩小到你想转换的ico尺寸,最后用上述小工具转换成ico图标格式.

- 当然你也可以直接把原始尺寸的图像通过小工具直接转换,工具会自动将图片缩小到选定的ico图标尺寸,不过可能会在缩小的时候有所失真。

什么是favicon.ico

所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。