如何修改 Chrome 書簽欄中的網站 Favicon 圖標

Chrome 可以在書簽欄上顯示網站 Favicon 圖標,而如果將每個書簽名稱清空,就會只顯示 Favicon 圖標,比如這樣:

如何修改 Chrome 書簽欄中的網站 Favicon 圖標 1

對于書簽欄上熟悉的網站,我們是可以通過 Favicon 圖標直接認出網站并訪問的,這樣就為書簽欄節約了很多空間,也更加美觀。

但如小書簽按鈕這類書簽是無法顯示圖標的,上圖最丑的那個圖標就是一個小書簽,Chrome 沒有給我們提供自定義 Favicon 圖標的機會,只有網站自身帶有 Favicon 圖標,Chrome 才能自動識別。

那么如何自定義修改 Chrome 書簽欄中的網站 Favicon 圖標呢?很簡單,按步驟來:

1. 獲得想要自定義的?Favicon 圖標(以小眾軟件為例)及要修改的書簽

首先添加 http://www.rpsnov.live 至書簽欄,可以看到一個水滴形的 Favicon 圖標就出現了(紅色箭頭),再添加待修改的書簽(藍色箭頭)

如何修改 Chrome 書簽欄中的網站 Favicon 圖標 2

2. 將書簽導出到 HTML 文件

位于 Chrome 菜單欄 > 書簽 > 書簽管理器 > 整理 > 導出,得到 HTML 文件(文件名類似 bookmarks_12-12-26.html)

3. 用文本編輯器打開 bookmarks_12-12-26.html 文件

3.1 搜索 “小眾軟件”,找到我們之前添加的帶圖標的書簽,如下:

如何修改 Chrome 書簽欄中的網站 Favicon 圖標 3

圖中 1 為帶圖標的 小眾軟件 書簽,2 為要修改的無圖標的書簽

注意箭頭所指 ICON 部分即為 Favicon 圖標信息!

3.2 選中并復制整個 ICON 部分,并帶引號

ICON=”data:image/png;base64,iVBORw …(此處省略…)…Qz0AAAAAElFTkSuQmCC”

3.3 將復制的代碼加入要修改的書簽中

圖中為 2 部分 ADD_DATE=”135374787″ 后面,即修改為

ADD_DATE=”135374787″ ICON=”data:image/png;base64,iVBORw …(此處省略…)…Qz0AAAAAElFTkSuQmCC”

4. 保存 bookmarks_12-12-26.html 文件

5. 從 HTML 文件導入書簽(導入前記得清空所有書簽,否則會重復)

如何修改 Chrome 書簽欄中的網站 Favicon 圖標 4
即刻就能看到帶圖標的書簽了,步驟已經盡可能的詳盡,有問題留言吧

相關文章:如何修復 Chrome 書簽欄圖標顯示不正常

48 條留言

  1. drunkcloud 2012/12/26 回復
  2. leaveonly 2012/12/26 回復
  3. 鋼盅郭子 2012/12/28 回復
  4. 王沛昕 2013/01/24 回復
  5. 王沛昕 2013/01/25 回復
  6. 張善騰 2013/02/01 回復
  7. 卡比圖 2013/10/03 回復

寫留言

北京pk10前5开奖走势图