Html 如何将任何图像添加为标题中的图标？
我想在标题中添加一个图像作为favicon。图像为300px，位于图像文件夹中。我想显示标题之外的图像 我试图这样做，但它没有显示：Html 如何将任何图像添加为标题中的图标？,html,favicon,Html,Favicon,我想在标题中添加一个图像作为favicon。图像为300px，位于图像文件夹中。我想显示标题之外的图像 我试图这样做，但它没有显示： <head> <title>My title</title> <link rel="shortcut" href="./images/logo"> </head> 我的头衔 除了我的标题外，它不显示任何徽标。如何将徽标与我的标题一起添加。如果您在网站上添加favicon。 favicon尺寸16x1
<head>
<title>My title</title>
<link rel="shortcut" href="./images/logo">
</head>
我的头衔
除了我的标题外，它不显示任何徽标。如何将徽标与我的标题一起添加。如果您在网站上添加favicon。 favicon尺寸16x16或32x32，然后，此代码块
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
在尝试为页面设置favicon时，您必须注意以下几点：
/
- docs
- index.html
- images
- logo.png
- 您的图像尺寸正确（
太大，无法用作传真）300px - 要实现跨浏览器支持，您需要不同的大小和不同的
标记link
180x18032x3216x16<link rel = "apple-touch-icon" sizes = "180x180" href = "images/logo180x180.png">
<link rel = "icon" type = "image/png" sizes = "32x32" href = "images/logo32x32.png">
<link rel = "icon" type = "image/png" sizes = "16x16" href = "images/logo16x16.png">
<link rel = "mask-icon" href = "images/logo.png">
<link rel = "shortcut icon" href = "images/logo.png">
html。/images/logo.png<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"/>
您必须使图像具有响应性。300px的图像很大。您必须将图像转换为不同的屏幕大小，以便响应。因此，使用在线工具将图像转换为不同的屏幕大小，通常范围在16到180之间。
在制作网站时，你需要考虑你的托管资源。对于Tab图像，始终保持图像简单，因为您还需要考虑其他资源，以及您定义了没有扩展的图标路径，它可能是“代码>标志。PNG < /代码>？还可以看一看。@IvankaTodorova图像的大小应该是小的，因为它在图像中的大小是300pxfolder@IvankaTodorova我还可以添加任何图像作为favicon吗？可能重复的可能重复的我已经减小了我的图像的大小现在我应该在我的html页面中添加以上两行吗？是的，你可以使用小图标图像，我应该做什么
href=“images/logo.png”href=“href=“”