Brandfetch 快速抓取網頁 Logo、顏色、字型和橫幅圖案等資訊（Chrome 擴充功能）

現今很多公司或網路服務都會在「關於」頁面放上 Logo 標誌、標準色和標準字型等資訊，也能讓需要使用的人快速取得這些資料，如果找不到就只能直接翻程式碼或是從其他網站取得，像是 Seeklogo 收錄全世界超過 30 萬家企業公司的 Logo 標誌向量圖，可以在這裡找到品牌圖案；BrandColors 則是提供知名品牌顏色代碼，還能勾選需要的品牌產生對應的色票檔案，方便開發者或設計師取用。之前也推薦過另一個類似的搜尋服務 Instant Logo Search 可查找數千種品牌標誌 Logo 向量圖下載 SVG、PNG 格式。

本文要介紹的「Brandfetch」是一個免費 Chrome 擴充功能，可以快速取得某個網頁的 Logo、顏色、字型、橫幅圖案和社群網站鏈結等資訊，它其實也是品牌搜尋引擎服務，前身為 Logo Grabber（不過以前只能抓取網站的標誌），對於會需要用到某個服務的標誌或顏色就不用再進去原始碼搜尋，是非常方便的工具。

要注意的是 Brandfetch 擴充功能必須要在登入服務、取得 API 後才能開始使用，直接以 Email 即可免費註冊，這個工具的限制是每月只有最多 300 次查詢次數，如果需要查更多網頁可以直接前往搜尋服務輸入網址進行查找，這部份就沒有限制配額。

Brandfetch
Chrome 線上應用程式商店

使用教學

STEP 1

開啟 Brandfetch 的 Chrome 線上應用程式商店頁面，點選右上角「加到 Chrome」下載安裝。

STEP 2

下載後點選 Brandfetch 按鈕，第一次使用會要求輸入 Access Token，依照說明來到 Brandfetch，填入你的信箱就能取得鏈結，點選鏈結完成註冊就會顯示你的存取代碼，把這串產生的代碼輸入外掛就能啟用完整功能。只有第一次使用會被要求填入 Access Token，設定好以後就不用再進行其他操作。

STEP 3

在網頁點選 Brandfetch 按鈕，就會在下拉視窗顯示抓取到的網站標誌 Logos、顏色、字型、橫幅圖案和社群網站鏈結，將滑鼠游標移動到圖片上方會顯示「下載」按鈕，可以直接取得圖片原始檔，如果是點選顏色色塊則會快速複製顏色代碼到剪貼簿。

往下捲動還會看到該網站、公司或品牌的社群網站鏈結，若你發現這些資訊有錯誤，可以點選下方建議編輯鏈結提交新的資訊讓 Brandfetch 協助修復問題。