網站圖標範例
點擊任意範例以載入其設定
免責聲明：範例僅供靈感，可能類似於現有品牌。它們與任何公司無關，也不受任何公司認可。logo87.com 不侵犯任何商標，不對用戶生成的內容負責。用戶有責任確保其創作不侵犯知識產權。如果您認為您的權利受到侵犯，請聯絡我們，我們將刪除它。
編輯器怎麼用
在上方輸入字母、詞或 emoji。選內建字體，或貼上 Google Fonts 的 CSS 網址。顏色、大小、圓角、位置和旋轉會立刻更新預覽。算圖在這個分頁完成，設計不會上傳。
可下載單個 SVG、256×256 的 PNG，或「全部下載」得到瀏覽器和裝置仍會請求的檔案 zip。zip 在瀏覽器裡、用你看到的同一預覽產生。
文字被裁切時，把字級調小或挪位置。emoji 因系統而異，請在目標裝置上看預覽。
能匯出什麼
不用註冊
沒有帳號。設計留在你的裝置。關掉分頁就沒了。
SVG、PNG、ICO 和 zip
單個 SVG 和 PNG 方便試效果。「全部下載」打包 favicon.svg、favicon.ico、apple-touch-icon.png，以及 16、32、48、96、180、192、512 的 PNG。
字體和顏色
十二種內建字體，再加上任意帶 CSS 網址的 Google Font。可用配色示例，也可自己設一對顏色。
壓縮檔裡有什麼
「全部下載」會寫出這些檔案。不必每一個都用。
favicon.svg 給現代瀏覽器；favicon.ico（16×16）給只請求 /favicon.ico、不讀 HTML 的用戶端；apple-touch-icon.png（180×180）給 iOS 主畫面；favicon-16x16.png、favicon-32x32.png、favicon-48x48.png 給分頁和書籤；favicon-96x96.png 給捷徑；favicon-180x180.png 備用觸控圖示；favicon-192x192.png 和 favicon-512x512.png 給 web app manifest。
一般網站帶 favicon.ico 和 favicon.svg 即可。iOS 再加 180 的 PNG。有 PWA manifest 再加 192 和 512。各檔案的 link 標籤見安裝指南。 如何將網站圖標添加到您的專案 →
什麼時候改用轉換器
已有 PNG 或 JPG 標誌？用 PNG 轉網站圖標。點陣圖放大會糊：原圖至少要和你匯出的最大尺寸一樣大。 PNG 轉網站圖標
已有向量標誌？用 SVG 轉 PNG。向量可放大，512 和 2048 仍然清晰。瀏覽器圖標用 16–512；2048 給應用商店或印刷，不是分頁。 SVG 轉 PNG
常見用途
網站和部落格
還沒有標誌檔時，用一兩個字母做分頁圖示
PWA 圖示
web app manifest 用的 192×192 和 512×512 PNG
主畫面
有人把網站存到 iOS 時用的 180×180 apple-touch-icon
本機專案
把 zip 放到 public/ 或 static/，再從指南複製 link 標籤
