應用程式與儀表板
在 CRM、書籤頁、整合清單或每週報告中，把每個網站的圖示放在它的連結旁。
下載任何網站的 Favicon
貼上網址，下載該網站的 Favicon 與 App 圖示，或完整的 Favicon 套件：ICO、16 至 512 px 的 PNG 與 Web Manifest。
試試看
已經有檔案了？
- 免費，免註冊
- .ico 與 16 至 512 px 的 PNG
- Apple touch icon
- Web App Manifest 檔案
放開即可開啟 Logo
繼續免費找 Logo
網站上的更多圖片
點選 Logo，即可換成該網站找到的下一個，或將它移除。
處理中
把這個 Logo 轉成 3D
適用 Reels、TikTok 和 YouTube 的 3D Logo 動畫影片、亮面 3D 圖片與 3D 列印檔，在瀏覽器中幾秒就能完成。
實際效果
如何從網站取得 Favicon
三個步驟。免安裝瀏覽器擴充功能、免寫程式碼，也不需要帳號。
貼上網址
輸入或貼上網站的網址，開始搜尋。擷取工具會讀取網站設定的每個圖示：瀏覽器分頁圖示、iPhone 主畫面圖示、Web App 圖示，以及 Safari 固定分頁圖示。
選擇圖示
每個圖示都會放大顯示，並用淺白的文字標示類型與像素尺寸。想要公司的完整 Logo，而不只是圖示？用 Logo Finder 下載公司的完整 Logo。
下載圖示，或取得整個套件
將圖示儲存為 PNG 或 SVG；按「ICO」，取得包含 16 至 256 px 所有尺寸的單一 .ico；或下載 Favicon 套件：16、32、48、180、192 與 512 px 的 PNG、.ico 檔案與 site.webmanifest，全部打包成一個 ZIP。
網站有哪些圖示？
大多數網站最多有四種圖示，各自用於不同的地方。擷取工具會全部找出來，讓您挑選最清晰的一個。
| 圖示 | 顯示位置 | 尺寸 | 網站中的指定方式 |
|---|---|---|---|
| Favicon | 瀏覽器分頁、書籤、瀏覽紀錄，以及 Google 搜尋結果中的網站名稱旁 | 小型方形，例如 16、32 與 48 px；用於 Google 搜尋時，Google 建議大於 48 × 48 px | rel="icon"，或 /favicon.ico 檔案 |
| Apple touch icon | iPhone 與 iPad 主畫面 | iPhone 為 180 × 180 px，出自 Apple 的 Safari 網頁內容指南（已封存） | rel="apple-touch-icon" |
| Web App 圖示 | Android 主畫面、已安裝的 Web App 及其啟動畫面 | 192 與 512 px：Chromium 瀏覽器兩種都需要，才能安裝 Web App | 列在 site.webmanifest 中 |
| Safari 固定分頁圖示 | Mac 版 Safari 的固定分頁 | 單色 SVG，任何尺寸都清晰 | rel="mask-icon" |
需要比分頁圖示更大的尺寸時，例如製作方塊圖示、簡報或紙本清單，最好從大尺寸的 App 圖示開始。
瀏覽器從哪裡找 Favicon
瀏覽器會循著一條簡短的路徑找到網站圖示。擷取工具走的是同一條路徑，所以找到的正是每個瀏覽器與手機會顯示的圖示。
先看網頁的 head 區段。帶有 rel="icon" 的 link 標籤會指定圖示檔案，通常每種尺寸一個，再加上一個 SVG，瀏覽器會挑選最適合螢幕的那一個。
接著看網站根目錄。網頁沒有指定圖示時，瀏覽器會向網站最上層要求 /favicon.ico，這個位置是早期 Internet Explorer 為 Favicon 設立的。擷取工具也會檢查根目錄的這些位置。
手機讀取自己的圖示。iPhone 與 iPad 會尋找 Apple touch icon，Android 與已安裝的 Web App 則讀取 site.webmanifest 中列出的圖示。
Google 讀取首頁。在搜尋結果中，Google 會採用首頁連結的圖示，只要 Googlebot 可以檢索首頁與圖示檔案即可。
擷取所有尺寸
大多數網站都有同一個圖示的多種尺寸。挑選最適合用途的那一個，一次就清晰到位。
網站設定的每個圖示都有獨立方塊，並標示像素尺寸：16、32 或 48 px 的分頁圖示、180 px 的 Apple touch icon、最大 512 px 的 Web App 圖示，網站有 SVG 時也會一併列出。
用於清單、表格或分頁 Mockup 時，分頁圖示的尺寸剛好。用於簡報、方塊圖示或印出來的清單時，請選 512 px 的 App 圖示或 SVG。用於 Windows 捷徑時，在最大的圖示上按「ICO」，即可取得包含 16 至 256 px 所有尺寸的單一 .ico。
想用自己的圖片製作圖示？PNG 轉 ICO 轉檔工具能把任何 PNG 或 Logo 轉成多尺寸 .ico 與完整的 Favicon 套件。
Favicon 套件裡有什麼？
網站需要的每個圖示檔案，都用同一個圖示或 Logo 製作，一次下載。
| 檔案 | 說明 | 用途 |
|---|---|---|
| favicon.ico | 包含各種小尺寸的單一圖示檔案 | 瀏覽器向網站要求的 /favicon.ico 檔案。ICO 可以在單一檔案中容納多個圖示。 |
| icon-256.ico | 包含 16 至 256 px 所有尺寸的單一圖示檔案 | Windows 捷徑、資料夾與應用程式圖示，從標題列到「開始」功能表都清晰 |
| 16、32 與 48 px 的 PNG | 透明背景的小型方形 PNG | 瀏覽器分頁、書籤與捷徑，一般螢幕與高解析度螢幕皆適用 |
| 180 px 的 PNG | Apple touch icon | iPhone 與 iPad 主畫面 |
| 192 px 的 PNG | Web App 圖示 | Android 主畫面與已安裝的 Web App |
| 512 px 的 PNG | 大尺寸 Web App 圖示 | 安裝與啟動畫面，以及任何需要大型方形圖示的地方 |
| favicon.svg | 圖示的向量版本，Logo 有向量檔時提供 | 在支援 SVG 圖示的瀏覽器中，分頁圖示在任何尺寸都清晰 |
| site.webmanifest | 一個小型文字檔 | 讓 Android 與已安裝的 Web App 找到 192 與 512 px 的圖示 |
| add-to-your-head.html | 要加到網頁 head 區段的程式碼 | 複製貼上，一次連結所有圖示 |
Favicon、社群個人檔案與印刷的各種尺寸及顯示位置：請見 Favicon 與 Logo 尺寸指南。
如何為網站加上 Favicon？
把套件中的檔案複製到網站的主資料夾，再在每個網頁的 head 區段加入四行程式碼。
檔案放在根資料夾（首頁所在的位置）後，這幾行程式碼會引導瀏覽器、手機與 Google 找到它們。請使用套件中的檔案名稱：
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">架站工具與網路商店平台則改用網站圖示設定：在那裡上傳 512 px 的 PNG 即可。
Google 可以在搜尋結果中，把您的 Favicon 顯示在網頁旁邊。Google 的規範要求使用從首頁連結的方形圖示，建議大於 48 × 48 px，而且 Googlebot 必須能夠擷取該圖示。
大家擷取 Favicon 做什麼用？
Favicon 是公司 Logo 最小、也最容易辨識的樣子，因此用途遠遠不只瀏覽器分頁。
Mockup 與簡報
瀏覽器分頁、手機主畫面，或列出團隊所用工具的簡報，放上各網站自己的圖示，看起來就像真的一樣。
健檢自己的網站
放大檢視您的網站提供的每個圖示，在淺色與深色背景上分別呈現，並確認有哪些種類：分頁圖示、Apple touch icon、App 圖示、固定分頁圖示。
設計公司與自由工作者
改版前先收集客戶現有的圖示，完成後再交付用新 Logo 製作的全新 Favicon 套件。
整合服務與合作夥伴圖示牆
小小的方形圖示，排在合作夥伴、外掛或付款方式的格狀列表中整整齊齊，每個都是一格俐落的方塊。
文件與試算表
在廠商名單、使用中的軟體清單或專案計畫中，用小小的方形圖示標示每一列，一眼就能辨識。
要讓一整排客戶的完整 Logo 尺寸一致，就用 Logo 牆製作工具。要把白底上的 Logo 變成乾淨的透明圖示，就用 Logo 去背工具。
用您自己的 Logo 製作 Favicon
把 Logo 拖放到方框中，再點選「Favicon」下載：套件會把 Logo 置中放在方形上，這正是每個圖示位置要求的形狀，上面列出的每種尺寸都由這一個檔案產生。
分頁圖示寬度只有 16 像素，所以用 Logo 中的符號或單一字母，會比完整名稱更容易辨識。「白色」與「任選顏色」版本一鍵就能做出淺色或品牌色圖示，Logo 向量化工具則能提供 Logo 圖形的向量檔，作為製作的起點。
連結到這款工具
正在為開發人員或網站經營者撰寫文章嗎？每當提到 Favicon，就連結到這裡。
複製下方的程式碼片段，或以此格式引用這款工具：Proofscene，〈免費 Favicon 擷取工具〉，proofscene.com，2026。
<a href="https://proofscene.com/zh-tw/tools/favicon-grabber/">免費 Favicon 擷取工具</a>我該如何取得任何網站的 Favicon？
把網址貼到 Favicon 擷取工具中。它會讀取網站的分頁圖示、Apple touch icon、Web App 圖示與 Safari 固定分頁圖示，逐一放大顯示並標示尺寸，讓您將任何一個下載為 PNG 或 ICO，或下載整個 Favicon 套件。
我該如何下載高解析度的 Favicon？
選擇網站上最大的圖示。Apple touch icon 通常是 180 px，Web App 圖示可達 512 px，遠比 16 px 的分頁圖示清晰；有些網站還有任何尺寸都清晰的 SVG 圖示。若要公司的完整 Logo，請使用 Logo Finder。
網站的 Favicon 存放在哪裡？
存放在網頁 head 區段指向的位置：link 標籤會指定每個圖示檔案，通常有多種尺寸。許多網站也會在根目錄放一個 favicon.ico，並在 site.webmanifest 中列出 App 圖示。擷取工具會讀取上述所有來源；網頁沒有指定圖示時，也會檢查根目錄的常見位置。
什麼是 Favicon？
Favicon（網站圖示）是網站顯示在瀏覽器分頁、書籤與瀏覽紀錄中，以及 Google 搜尋結果裡網頁旁的小型方形圖示。通常是 Logo 的符號或第一個字母，設計成在 16 像素下也能辨識。
我也可以下載 Apple touch icon 與 App 圖示嗎？
可以。網站設定的每個圖示都會以獨立方塊呈現，並標示類型與像素尺寸：分頁圖示、Apple touch icon、Web App 圖示與固定分頁圖示。您可以下載其中任何一個，或以 Favicon 套件一次取得整組。
我可以用自己的 Logo 製作 Favicon 套件嗎？
可以。把您的 Logo 拖放到這個頁面，再點選「Favicon」下載：內含 favicon.ico、包含 16 至 256 px 所有尺寸的 .ico、16、32、48、180、192 與 512 px 的 PNG、site.webmanifest，以及要加到網頁 head 區段的 HTML 程式碼，全部在您的瀏覽器中製作完成。
為什麼我把 Favicon 放大後，看起來會模糊？
因為分頁圖示非常小，通常只有 16 至 48 px。想要更清晰的圖示，請選擇網站的 Apple touch icon 或 Web App 圖示，它們大得多；或用 Logo Finder 取得完整 Logo。
Favicon 擷取工具免費嗎？
是的。不用註冊就能查詢網站，免費帳號還能解鎖更多次搜尋。用您自己的 Logo 製作 Favicon 套件，則完全免費、不限次數。
這款工具對您有多大幫助？