iT邦幫忙

0

為什麼無法顯示圖標?(JavaScript)

  • 分享至 

  • xImage

請問各位前輩,為什麼我明明有打<link rel = "icon" href='圖檔連結'>
但還是不能顯示網站圖標?每一句結尾有打分號還是一樣
https://ithelp.ithome.com.tw/upload/images/20220511/20140542f6ECQWY5fz.pnghttps://ithelp.ithome.com.tw/upload/images/20220511/20140542ziY8AG4FIG.png

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
ddx
iT邦研究生 4 級 ‧ 2022-05-11 18:05:40

你改成這樣就可以了

<link rel ="icon" href="https://gcdnb.pbrd.co/images/9uU5FejUzoUJ.png" />
看更多先前的回應...收起先前的回應...

這樣跟之前的好像一樣啊?是哪裡出問題了

然後已經ok了

ddx iT邦研究生 4 級 ‧ 2022-05-11 18:11:43 檢舉

你那個網址是一個網頁
你對那圖片案右鍵複製圖片位置
他才會顯示那個圖片

Felix iT邦研究生 2 級 ‧ 2022-05-12 11:44:05 檢舉

好認真的回答!
我沒想到會是路徑的問題呢!

1

正規最好是ico檔。
另外尺寸是有其限制的。

如果你要取用PNG的話。你要注意尺寸長寬要一樣。
另外也不要太大。

線上有許多 PNG轉ICO。你可以先試試轉完後是否可以正常,這樣可以排除圖片問題。
再來就是,如果使用PNG檔。建議再加上 type 宣告

0
Felix
iT邦研究生 2 級 ‧ 2022-05-11 18:13:37

沒有加上圖片的 MIME 類型:

<link rel="icon" type="image/png" href="https://gcdnb.pbrd.co/images/9uU5FejUzoUJ.png" />

參考資料:
How to add icon logo in title bar using HTML? - GeeksforGeeks

我要發表回答

立即登入回答