2014-10-28 75 views
1

如何在圖像頁面上設置rel="shortcut icon"如何在圖片頁面上設置`rel =「快捷圖標」`?

當我訪問EG: example.com/food.png

我要顯示的圖像頁的rel =「快捷方式圖標」,我該怎麼辦呢?

在其他PHP頁面我寫<link rel="shortcut icon" href="food.png"><head>標籤

EG: example.com/food.png圖像頁面如何添加的rel =「快捷方式圖標」?

你可以測試這個鏈接http://ir.ebaystatic.com/pictures/aw/homepage/eBayTodayCoverPhotos/UK/Sale_27062014_2.jpg你會看到favicon of ebay,我該怎麼做?

回答

2

所有你需要做的就是將圖像文件favicon.ico放置在你的主站點目錄中,例如public_html/favicon.ico放置該文件的名稱和擴展名favicon.ico大小16x16它會顯示在你的每一頁網站包括圖像預覽也是這裏是例子http://srpskalegija.bplaced.net/forumhtml/images/logo.gif

+0

你可以測試這個環節http://ir.ebaystatic.com/pictures/aw/homepage/eBayTodayCoverPhotos/UK/Sale_27062014_2.jpg 你會看到易趣的圖標,我該怎麼辦呢? – 2014-10-28 09:17:59

+0

在我的網站工作也沒有使用任何代碼,它顯示的favicon我所做的就是放置文件favicon.ico在我的主要網站目錄,例如public_html/favicon.ico放置這種方式,並嘗試文件名和擴展favicon.ico大小16x16這是http://srpskalegija.bplaced.net/forumhtml/images/logo.gif – 2014-10-28 12:41:33

+0

@Ненад你的回答是正確的。在訪問http://example.com/path/to/pic.png時,Chrome還會嘗試加載http://example.com/favicon.ico作爲副作用。我建議你改述你的答案,使之更加肯定,而不是你用過的「This might work」的語調。爲您的建議感到自豪! :) – 2014-10-28 17:13:20

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

這是可以實現的,只需插入把PNG圖像在你的根目錄下,聯絕對會有所幫助。把上面的鏈接標籤放在你的頭上。

我猜PNG圖像可以正常工作,但如果它不只是將圖像轉換爲ico格式並用ico替換類型。我建議只是把它轉換成.ico格式,因爲它有更多的支持。查看這個維基鏈接Favicon Browser Implementation and Support

我已經看到,如果你改變了它或者添加了一個新的favicon,反正它會正常工作。完成之後,當你打開任何圖像假設在這個URL example.com/img/one.png它會在選項卡上顯示圖標,這就是你想要的嗎? :d

相關問題