怎樣讓 Safari 書籤顯示網站 Logo ？

01-14

有些網站有logo，有些是灰色的。想讓每個書籤都顯示網站logo。

@LNDDYL 的回答並不正確，那個不是 favicon.ico，而是 apple-touch-icon.png，也可以通過 & 指定其他文件名。

Ref: Configuring Web Applications

這個東西叫 Apple Touch Icon, 是由網站提供的，和 favicon.ico 差不多的性質，理論上來說是不能修改的。不過還是可以通過 Safari 的緩存來修改，而緩存在下面的文件夾，在 Finder 里 ??G 輸入：

~/Library/Safari/Touch Icons Caches/Images

~/Library/Safari/Touch Icons Caches/Images

如果只是想替換某些低解析度或者特別丑的圖標，在這裡將對應的 .png 替換就好；蘋果官方推薦的解析度是 180x180. 記得備份一下自定義的圖標，具體原因見文末。

如果網站如下圖一樣為純色背景+首字母，則說明該網站根本沒提供 Touch Icon.

未提供 Touch Icon 的網頁

在這種情況下，我們首先需要讓瀏覽器確認該網頁有緩存好的圖標，訪問：

~/Library/Safari/Touch Icons Caches/TouchIconCacheSettings.db

會一點資料庫的可以用 sqlite 來打開，不會的可以隨便找一個資料庫編輯軟體，比如 Datum Free, 可以一直免費試用下去，但每天只能打開一個文件。

打開 cache_settings 這個表，其中應該包含了所有的個人收藏和最近訪問。對於每一個條目，有這幾個屬性：

id: 無意義的ID;
host: 對應的網址，記錄下來這個網址，一定要精確，注意區分有沒有 www. 這樣的詞綴；
last_request_date: 猜測是上次更新圖標的時間戳；
last_request_was_in_user_loaded_page: 不理解什麼用的；
request_count: 不理解什麼用的；
icon_is_in_cache: 圖標是否在緩存；
download_status_flags: 下載狀態；
extracted_color: 似乎是決定無圖標時的背景顏色，但所有項都是 null;
transparenc_analysis_result: 如何處理 .png 中的透明通道。0 為用黑色填充，1 為用白色填充，2 為保持透明。

將沒有圖標對應的網站的 icon_is_in_cache 從 0 修改到 1 並複製 host 項。隨便找一個

md5online.org 之類的網站將 host 轉化為 md5, 用對應的 md5 來命名自定義的圖標。

（比如 "http://www.zhihu.com" md5 後為 "46A03837CD759A4CBAE6A76A17391240", 那自定義圖標的名稱則應該是 "46A03837CD759A4CBAE6A76A17391240.png", 大小寫不敏感。）

將圖標放入 Images 中，重啟瀏覽器應該就可以看到效果了。

修改前

修改後

效果還算不錯吧（笑

不過這樣還是遺留了一個問題，就是 Safari 會時不時更新這個圖標，會替換掉自己自定義的圖標（比如 Steam, 不但丑，每次訪問都會觸發更新）。我估計把 last_request_date 修改到一個未來的時間應該能解決問題，但我一次都沒成功過。我猜測是文件夾下的 TouchIconCacheSettings.db-shm 和 TouchIconCacheSettings.db-wal 是驗證文件，在我們替換文件或者修改 .db 的時候破壞了驗證完整性，導致 Safari 重新建立所有圖標。關注這個問題的如果有想法歡迎來評論區討論。