如何在<title>標記的標題旁邊顯示圖標？

在我的網站上，我想在我的網頁標題旁邊有一個小圖標。 我的意思是在Chrome/IE/Firefox的選項卡上顯示的那個。如何在<title>標記的標題旁邊顯示圖標？

2013-10-19 Durnehviir

<link rel="SHORTCUT ICON" href="images/logo1.png" type="image/x-icon">

注意：一般儘量選用ICO文件（推薦）。您可以使用工具將您的LOGO轉換爲ico文件。谷歌上有很多可用的。

2013-10-19 03:54:03

謝謝你，它的工作 – Durnehviir

我用一個正常的JPG，它工作得很好，但謝謝你的提示。 – Durnehviir

是的，你可以使用任何圖像類型。它只是建議良好的網站建設 –

你可以做，

<head> 
    <title>This is the title of my website.</title> 
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
</head>

如果您website沒有這個icon你會得到每一個訪問頁面上的錯誤。這favicon.ico必須是16 by 16 pixels。如果它更大或更小，它將被忽略，它不會顯示。您可以使用帶有online generator的圖標編輯器或僅使用Photoshop來創建此圖標。

2013-10-19 04:07:12

@downvoter：你能解釋一下答案有什麼問題嗎？ –

是不是我，但： *如今，favicon可以高達32px² *如果找不到文件，它幾乎取決於瀏覽器：Firefox忽略，IE顯示空白圖標等 *技術上它可以是任何圖像格式（使用正確的MIME），但「.ico」只是推薦的標準。所有主流瀏覽器都支持GIF，JPG和PNG（至少）。 – Kroltan

回答