如何建立一个favicon？_Favicon

如何建立一个favicon？

如何建立一个favicon？,favicon,Favicon,我试图做一个非常简单的初步练习，建立一个网站，这是创造一个favicon 这是我正在使用的代码： <!DOCTYPE html > <html lang="en-US"> <head profile="http://www.w3.org/2005/10/profile"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> </ht

我试图做一个非常简单的初步练习，建立一个网站，这是创造一个favicon

这是我正在使用的代码：

<!DOCTYPE html >
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
</html>

但它不起作用-有人能帮忙吗？我已将favicon.ico文件保存在与html文件相同的级别（在子目录中）

非常感谢

您可以看一下，我想您会发现它很有用

你的链接标签属性应该是

rel=“icon”

你可以看看，我想你会发现它很有用

您的链接标签属性应该是

rel=“icon”

...

rel=“快捷方式图标”

应该是

rel=“图标”

来源：

...

rel=“快捷方式图标”

应该是

rel=“图标”

来源：

根据我的favicon.ico没有出现的经验，我正在分享我的经验。只有将网站放在主机上才能显示，因此，请尝试使用XAMPP-将其放在本地主机上。这是favicon的外观，与其他建议一样，更改：

rel=“快捷方式图标”

到

rel=“icon”

同样，也可以使用.png favicon进行平滑处理。

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

rel=“快捷方式图标”

到

rel=“icon”

同样，png favicons也可以用于光滑。


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

在我的网站中，我使用以下方法：

<!-- for FF, Chrome, Opera -->
<link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32">

<!-- for IE -->
<link rel="icon" type="image/x-icon" href="/assets/favicons/favicon.ico" >
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicons/favicon.ico"/>

为了简化您的生活，请使用此favicons生成器在我的网站中，我使用以下内容：

<!-- for FF, Chrome, Opera -->
<link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32">

<!-- for IE -->
<link rel="icon" type="image/x-icon" href="/assets/favicons/favicon.ico" >
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicons/favicon.ico"/>

为了简化您的生活，使用这款favicons生成器

随着（i | android | windows）手机的推出，情况已经发生了变化，要获得一个在任何设备上都能运行的正确完整的解决方案确实非常耗时

你可以看一眼或者想一想在任何设备上都能工作的最佳方法

你应该看看自动化这项工作的大部分，并且可能至少了解它是如何工作的（即使后一种资源很久没有更新）

一个完整的解决方案需要在标题中添加以下内容（当然还有相应的图片和文件）：

2016年6月，以下5行代码支持的设备数量与前18行相同：

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">

随着（i | android | windows）手机的推出，情况发生了变化，要获得一个在任何设备上都能运行的正确、完整的解决方案确实非常耗时

你可以看一眼或者想一想在任何设备上都能工作的最佳方法

你应该看看自动化这项工作的大部分，并且可能至少了解它是如何工作的（即使后一种资源很久没有更新）

一个完整的解决方案需要在标题中添加以下内容（当然还有相应的图片和文件）：

2016年6月，以下5行代码支持的设备数量与前18行相同：

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">

有一个非常简单的方法来设置favicon，它已经存在很长时间了。将

favicon.ico

文件放在默认位置。 i、 e

这在几乎所有没有

标记的浏览器中都有效。

但是，仅当它是

*.ico

文件时，此选项才有效。PNG和其他格式仍然必须与

标记链接有一种非常简单的方法来设置favicon，这种方法已经存在很长时间了。将

favicon.ico

文件放在默认位置。 i、 e

这在几乎所有没有

标记的浏览器中都有效。

但是，仅当它是

*.ico

文件时，此选项才有效。PNG和其他格式仍然必须与

标签链接

我在我的网站上使用它，效果非常好

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>

我在我的网站上使用它，效果非常好

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>

建议使用此方法

<link rel="icon" 
  type="image/png" 
  href="/somewhere/myicon.png" />

建议使用此方法

<link rel="icon" 
  type="image/png" 
  href="/somewhere/myicon.png" />

试着把它放在文档的开头：

下面给出了一些关于fav图标的信息

法维康是什么？  FavIcon只是一个小图像，它与应用程序地址栏标题一起出现在左上角。FavIcon.ico的标准尺寸规格为16 x 16像素。请参见下面的附图

它是如何工作的？  通常，我们将FavIcon.ico图像添加到route solution文件夹中，应用程序在运行时自动拾取它。但大多数时候，我们可能不得不使用下面两个链接引用

               <link rel="icon" href="favicon.ico" type="image/ico"/>
               <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

一些浏览器需要一个（rel=“icon”），一些其他浏览器需要其他rel=“快捷方式图标”

 Type=“image/x-icon”或Type=“image/ico”：一旦期望得到准确的ico图像，人们就会期望得到任何图像，甚至是从.jpg或.pn.等格式的图像

 我们必须在普通页面上使用上述两个标签，如–母版页、主框架，这将在下面所有页面中使用，并提供一些关于fav图标的信息

法维康是什么？  FavIcon只是一个小图像，它与应用程序地址栏标题一起出现在左上角。FavIcon.ico的标准尺寸规格为16 x 16像素。请参见下面的附图

它是如何工作的？  通常，我们将FavIcon.ico图像添加到route solution文件夹中，应用程序在运行时自动拾取它。但大多数时候