fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

网页地址栏favicon图标制作
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

点击使用

favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图标,对于拥有网站的人或企业来说,凸显网站LOGO主体,创建favicon.ico是必要的。


如何制作favicon.ico图标

点击“上传图像”上传你的图片
点击“-”或“+”调节图片的大小,点击图片中间选择区域部分进行调节图片位置
点击“裁剪”,一键生成16*16/32*32/48*48/64*64/128*128像素的效果图,最后点击“下载”即可
本工具网站还提供精简版生成ICO图标:点击进入

favicon.ico介绍

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


favicon.ico如何调用?

一般情况下,作为把网站标志的ICO图标大小为16×16,命名为"favicon.ico",然后将其上传到空间的根目录,最后在网页代码的<head>与</head>之间加入下面的代码:

<head>
...
<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
...
</head>


链接: https://fly63.com/tool/detial/170

图片在线转换Base64数据
图片格式webp/png/jpeg转换工具
图片主色调在线获取工具
图片批量压缩工具
图片在线生成ICO图标
在线生成流程图、时序图工具
PDF文件转换图片工具
图片加水印工具

手机预览