派导航

獲取下載網站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下載的網站

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

Favicon Grabber

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

The Favicon Finder

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

使用API獲取網站favicon

一些網站還提供專門的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,可以使用這款擴展快速獲取

发表评论
退出移动版