獲取下載網站favicon圖標的4種方法

在工作中，有時候我們會需要用到一些網站的favicon圖標，但是瀏覽器上沒有提供直接下載網站圖標的方法，想要下載必須使用一些技巧，本文中就來分享下獲取網站favicon圖標的幾種方法

直接訪問favicon地址獲取ico文件

對於熟悉網站開發的人來說，相信很多人都知道網站的favicon是如何設置的，就是把一個文件名為 favicon.ico 的圖片上傳到網站根目錄，然後瀏覽器就會自動識別其為網站的標籤頁的圖標

知道了這個後，我們就可以直接訪問這個網址下載圖標，格式為域名/favicon.ico

比如Google的網站圖標就是

<pre class="wp-block-preformatted">https://www.google.com/favicon.ico

百度的favicon圖標地址就是

<pre class="wp-block-preformatted">https://www.baidu.com/favicon.ico

訪問網址後，我們再右鍵 – 圖片存儲為就可以了

下載好的圖片為原版的 favicon.ico 文件，文件大小同網站，不過需要注意的是一些網站並不支持這種方法，比如v1tx網站因為使用的WordPress自帶的favicon設置功能，就不支持直接訪問下載

如果你遇到了不能直接訪問下載的網站，或者想要更簡單的下載方法，那麼一些favicon下載的網站是非常好的選擇，這樣的網站有很多，下面分享2個比較不錯的

Favicon Grabber 是一個開源的Favicon下載網站，可以一鍵抓取下載任意網站的favicon，推薦分享它主要原因是顏值高，使用起來方便

The Favicon Finder 這個網站雖然界面並不是很好，但是它的功能其實很強大，可以一鍵抓取到所有尺寸的favicon，比如上面的github網站，就抓取到了5個不同的圖標，你可以挑選最需要的使用

一些網站還提供專門的API給其他的開發者或者特殊用途使用，可以更快捷的獲取到網站圖標

Google的API

<pre class="wp-block-preformatted">https://www.google.com/s2/favicons?domain=google.com

使用Google的API，你只需要把後面的域名改成自己的，就可以獲取到對應的網站圖標了，圖片格式為PNG，大小 16*16 像素

The Favicon Finder 的 API

<pre class="wp-block-preformatted">https://i.olsh.me/icon?url=google.com&size=80..120..200

The Favicon Finder 的API和它的網站一樣，提供了很多專業級的參數選項，你可以在它的Github文檔上查看到具體的用法

Get Favicon 是一款專門嗅探網站favicon圖標的Chrome擴展，當你需要下載某個網站的圖標時，只需要點擊它一下就會自動找到對應 favicon.ico 的圖片地址，比手工查找的方式更方便更強大

如果你經常需要下載網站favicon，可以使用這款擴展快速獲取