Question

如何使用Chrome，firefox或其他浏览器中标题显示的页面标题添加页面的图像或徽标？

Answer 1

取自What is Favicon.ico and How to Create a Favicon Icon for Your Website

如何创建“Favicon.ico”文件

1.创建尺寸为16X16像素的图像。是的，它真的很小，你不能真正吸引它。你也应该限制自己   标准的Windows 16颜色，虽然我怀疑256色   会很好的。

如果您愿意，还可以创建一个32X32像素的图标   缩放到“收藏夹”菜单和位置栏的大小。您可以   甚至将16X16和32X32像素图标放入同一个图标文件中。   Windows将使用前者作为其菜单，后者则使用后者   打开一个设置为显示大图标的文件夹。这可能是   如果你不能被打扰，没有必要这样做。

2.将图像保存为ICO文件（当然，名为“favicon.ico”）。

3.上传到您的网站。如果你不想浪费空间，你不需要将一个上传到你网站的每个目录 - 简单地说   它位于您的根目录和支持favicon的Web浏览器中   显然最终会找到它。您也可以将其上传到您的   图像目录，但如果您需要修改网页   做。有关详细信息，请参阅本文后面的内容。

帮助！我的Web主机不允许ICO文件！

如果您的托管公司不允许扩展名为.ICO的文件   要上传，您可以尝试上传它（在   二进制模式）与其他扩展（如GIF）。一旦它在你的   网站，使用您的FTP程序将其重命名为正确的扩展名。

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

Answer 2

您正在寻找的是一个图标。

在W3联盟的指导下，添加此功能的首选方法是在您的网页profile代码中使用<head>：

<head profile="http://www.yoursite.com/profile">
<link rel="icon" 
  type="image/png" 
  href="http://example.com/myicon.png">
[…]
</head>

有关添加到您网站的说明，请参阅here。

Answer 3

以下是为您的网站设置favicon的代码。您的favicon将与指定的网页标题一起显示。只需使用以下代码即可。

<!DOCTYPE html>
<html>
    <head>
        <title> mytitle </title>
        <link rel="icon" href="http://i58.tinypic.com/302rtyg.png" type="image/png">

    </head>

</html>

Answer 4

这是一个非常简单的网站，用于创建我的网站：favicon.cc

以下是它的优点：

您可以选择自定义颜色

可下载

可以发布和共享

可以调整图片大小以适应大小（虽然可能会失真

如果你像我一样并有多个favicons，你应该创建一个名为“favicons”的目录，然后将图片放在里面。

请记住为每个人提供一个唯一的名称，例如default.ico或blog.ico

请记得下载您的收藏夹。
以下是访问favicon的方法：

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

Answer 5

<head>
    <link rel="shortcut icon" href="title_icon.png">
</head>

Answer 6

<link rel="icon" href="image_name.ico" />
<title>Place your html title here</title>

此处链接指定当前资源之间的关系，即图标.href给出浏览器的图像地址。图像可以是任何类型，例如：jpg格式

如何添加HTML页面标题的图像？

6 个答案: