內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略。Favorite icon 中文又稱網站標誌，通常顯示於柳覽器的網址列、分頁標籤或是書籤列作為網站視覺畫的代表，尤其在開啟多個分頁時可以讓使用者快速辨別網站的重要工具，因此設定網站標誌算是做網站的基本功，今天就要跟大家介紹一款可以快速產出多種網站標誌尺寸的免費線上工具 – 「 favicon.zip 」，接下來就跟著我們的腳步一起看下去吧！
favicon.zip 是什麼
「 favicon.zip 」是一款非常實用的免費線上工具，祝要是幫助使用者快速生產各種尺寸、格式的網站標誌圖檔，使用者只需將 正方形 logo 圖片上傳至網站即可一件快速產出並自動下載的壓縮檔（.zip），最貼心的是 favicon.zip 還會提供相關程式碼給使用者。
favicon.zip 使用教學
第一步：開啟 favicon.zip 網站。
第二步：將 正方形 logo 圖片上傳至網站。
第三步：按下「 Generate 」，即會生成各種尺寸及相關程式碼的壓縮檔。
第四步：在生產前點選右上角「設定」按鈕，可以開啟更多功能，如：
含一個 48×48 的 .ico 檔案。
包含一個 64×64 的 .ico 檔案。
產生 Chrome/Android 圖片和 webmanifest 檔案。
產生舊式的 Apple touch 圖片。
產生 Microsoft Windows 和 IE 特殊磚圖片。
ChatPDF 免費線上 PDF 學習神器，你不想看的文件讓AI幫你看！
https://www.design-hu.com.tw/webmaster-tools/chatpdf.html
UI Buttons 免費網頁動態按鈕素材，輕鬆踏入網頁設計CSS 的世界！
https://www.design-hu.com.tw/webmaster-tools/iconbros-elegantthemes.html
結語
每次在設定網站標誌的前期種要花費許多時間在製作多個尺寸圖片嗎？有了「 favicon.zip 」就可以一件搞定！不只可以快速擁有多種尺寸的圖檔還會提供相關程式碼給使用者，是一個可以幫助網站是作者及開發者的免費線上工具。
那今天的分享就到這裡告一段落了，如果想了解最新網站知識，也可以到 鵠崙設計 官網看看，我們下次的教學見～
架站資源相關文章：
網站資訊文章推薦
通用 Google Analytics 即將停止服務，快來確認資源有沒有影響！
CTR、CPM、CPC、CPA是什麼？一次搞懂20個網路廣告用語！
行銷組合4P到4C？擬定行銷策略前必須了解的消費者觀點！
