7

如何在 chrome、firefox 或其他浏览器中添加带有该页面标题的页面的图像或徽标？

4

6 回答 6

9

摘自什么是 Favicon.ico 以及如何为您的网站创建 Favicon 图标

如何创建“Favicon.ico”文件

1.创建大小为 16X16 像素的图像。是的，它真的很小，你不能在里面画太多。您还应该限制自己使用标准的 Windows 16 颜色，尽管我怀疑 256 色可以正常工作。

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

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

3.上传到您的网站。如果您不想浪费空间，则无需将其上传到站点的每个目录 - 只需将其放在根目录中，支持网站图标的 Web 浏览器显然最终会找到它。您也可以将其上传到您的图像目录，但如果您这样做，您将需要修改您的网页。有关这方面的更多信息，请参阅本文后面的内容。

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

如果您的托管公司不允许上传带有 .ICO 扩展名的文件，您可以尝试通过使用其他扩展名（如 GIF）上传（以二进制模式）来解决这个问题。一旦它在您的站点上，使用您的 FTP 程序将其重命名为正确的扩展名。

<head>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
</head>
于 2012-05-19T14:25:22.587 回答
3

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

在 W3 联盟的指导下，添加它的首选方法是profile在页面<head>标签中使用 a：

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

有关添加到您的站点的说明，请参见此处。

于 2012-05-19T14:14:35.867 回答
3

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

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

    </head>

</html>
于 2015-03-18T05:56:38.470 回答
2

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

以下是它的优点：

  • 您可以选择自定义颜色
  • 可下载
  • 可以发布和共享
  • 可以调整图片大小以适应大小（虽然可能会失真
    • 如果你像我一样有多个 favicon，你应该创建一个名为“favicons”的目录，然后将图片放入其中。

    记得给每一个独特的名字，例如 default.ico 或 blog.ico

    请记住下载您的网站图标。
    以下是访问网站图标的方法：

    <link href="/YOUR_PATH/favicon.ico" rel="icon" type="image/x-icon" />
    于 2016-12-17T05:28:31.423 回答
    1 
    <link rel="icon" href="image_name.ico" />
<title>Place your html title here</title>

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

    于 2014-12-04T18:17:58.980 回答
    1 
    <head>
    <link rel="shortcut icon" href="title_icon.png">
</head>
    于 2014-02-28T05:27:11.090 回答