如何将我的网站的标志作为浏览器标签中的图标图像？

浏览器选项卡中页标题旁边的图像-你如何在这里链接图像？

517706 次浏览
小开

这是 图标，在链接中有解释。

例如从 W3C

  <link rel="icon"
type="image/png"
href="http://example.com/myicon.png">

另外，当然要把图像文件放在适当的位置。

小开

在网站的根目录中添加一个名为“ Favicon.ico”的图标文件。

小开
最佳答案

这个图像被称为 “我不知道这是什么意思。”，它是一个小的正方形的 .ico文件，这是图标的标准文件类型。您也可以使用 .png或 .gif，但是您应该遵循标准以获得更好的兼容性。

为你的网站设置一个你应该:

  1. 制作一个标志的正方形图像(最好是32x32或16x16像素，据我所知没有最大尺寸 *) ，并将其转换成 .ico文件。你可以在 Gimp，Photoshop (借助于 插件)或者像 Favicon.cc或 RealFaviconGenerator这样的网站上做到这一点。

  2. 然后，你有两种设置它的方法:

    A)把它放在你网站的 根文件夹/目录(index.html旁边) 名字是 favicon.ico。

    或者

    B)在你网站上每个 .html文件的 <head></head>标签之间链接到它，像这样:

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

If you want to see the favicon from any website, just write www.url.com/favicon.ico and you'll (probably) see it. Stackoverflow's favicon is 16x16 pixels and Wikipedia is 32x32.

*: There's even a browser problem with no filesize limit. You could easily crash a browser with an exceedingly large favicon, more info here

小开 
<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file:
'apple-touch-icon-retina.png')}">

或者你可以用这个

<link rel="shortcut icon" sizes="114x114" href="${resource(dir: 'images', file: 'favicon.ico')}"
type="image/x-icon">
小开

它被称为“ 图标”，你需要添加以下代码到您的网站的 标题部分。

只需将此添加到 <head>部分。

<link rel="icon" href="/your_path_to_image/favicon.jpg">
小开
  1. 加上这个
**<HEAD>**


< link rel="icon" href="directory/image.png">

那就跑去享受吧


提交答案