[HTML]更改網站Logo

Nina Weng
1 min readSep 11, 2020

我們在Chrome看到的頁籤上,除了有網站名稱,還有網站Logo。這個Logo的圖是在哪裡設定的呢?跟著以下的步驟做:

  1. 首先,我們需要ico檔。如果你手邊的圖檔是其他格式的話,可以去 Favicon 圖示產生器 將圖檔轉成ico檔。
  2. 再來將此ico檔名稱修改為favicon.ico(favorites icon的縮寫,大家通常都以此命名)。
  3. 放到和首頁index.html同樣的目錄底下。
  4. 然後在index.html裡面的<head>加上下面這行
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

大功告成!

--

--

Nina Weng

一個技能雜亂點的菜鳥工程師。因為實在太菜,有太多東西要學而不知所措。與其把時間花在猶豫不決不知從何開始,不如先開始,然後再漸漸深入專研某一項技能吧!