Favicon在线制作

选择尺寸

图片最大为 512KB ,支持JPG、PNG、GIF格式,建议长宽比1:1。

favicon在线制作

什么是favicon?

如果您曾经创建过网站或博客,您可能知道 favicon,它是在浏览器中查看网站时显示在选项卡区域中的图标

favicon在线制作  第1张

它不仅显示在浏览器选项卡中,还显示在浏览器主屏幕上。

favicon在线制作  第2张

当您将其添加到收藏夹或将其设置在智能手机的主屏幕上时,它也可用作图标。

favicon在线制作  第3张

如果不设置favicon,浏览器默认图标会这样显示。

favicon在线制作  第4张

所以创建网站或 Web 服务时不要忘记设置网站图标!

favicon(网站图标)设置过程

要设置favicon,首先准备要用作 favicon 的图像。

favicon在线制作  第5张

【favicon在线制作工具】可在您上传图片时自动创建网站图标图片。

favicon在线制作  第6张

单击选择图像文件以选择图标图片。

选择尺寸后单击生成ICO图标下载已选择尺寸的favicon图像。

在网站上放置favicon图标

现在让我们实际设置它。

将下载的favicon.ico图像文件复制到您站点的根目录文件夹中。

并将这行写在 head 标签中。

<link rel = "icon" href = "/favicon.ico" id = "favicon" >

这样就完成了favicon图标的安装。

在浏览器中确认

让我们在浏览器中检查它。

如果刷新没有及时显示,这可能是浏览器缓存,可以强制刷新或者清除浏览器缓存在试下。

成功会显示一个图标。

favicon在线制作  第7张

与实际的功能实现相比,favicon是一个很小的细节,但是如果你花一点点时间添加一个,用户的使用便利性和印象会有很大的变化。

在线工具导航