網站圖示產生器
把簡單清晰的圖片製作成網站圖示包。確認設計縮小後仍容易辨認，再下載檔案並按照附帶示例安裝到網站。
使用前須知
- 支援輸入
- 一張 JPG、PNG 或靜態 WebP 圖片。
- 處理結果
- 包含 ICO、PNG 圖示、網站清單及 HTML 示例的 ZIP。
載入工具...
在你的裝置上處理。所選檔案與貼上的文字不會上傳至我們的伺服器。
如何使用這個工具
- 選擇 JPG、PNG 或靜態 WebP 影像。
- 裁剪為正方形或添加填充並檢查圖示預覽。
- 下載 ZIP 並將範例路徑調整為您的網站。
了解結果
網站圖示通常以非常小的尺寸出現。清晰的符號或字母通常比詳細的藝術品或微小的文字效果更好。產生的文件仍然需要上傳並由您的網站引用。
準備一個小而清晰的圖標
下載前檢查 16 像素預覽。避免期望寬文字標記或完整照片在小方塊中保持可讀。
嘗試範例
嘗試原始範例來檢查支援的工作流程。成功的樣本並不能保證每一次輸入。
原始影像樣本 ↓
結果不符合預期怎麼辦？
網站仍然顯示舊圖示。
產生檔案不會自動安裝圖示。檢查圖示網址和頁面中的引用，清除網站快取，再用新的瀏覽器會話測試。瀏覽器標籤圖示和搜索結果圖示的更新時間可能不同。
接下來可以用: SVG轉PNG →重要限制
- 僅影像輸入；首先將 SVG 轉換為 PNG。
- 此工具不會變更您的網站配置。
- 安裝圖示後檢查您自己的網站，因為快取和平台行為可能有所不同。
- 最大 10 MB 和 12 百萬像素。輸出包括 ICO、PNG 圖示、Web 清單和 ZIP 中的範例 HTML。
常見問題解答
這是否會在我的網站上安裝圖示？
否。它準備文件和範例。上傳檔案並更新路徑或您的網站設定。
該包是否會使我的網站成為 PWA？
否。圖示檔案和基本 Webmanifest 只是 Web 應用程式設定的一部分。
為什麼我的標誌在 16 像素時難以辨認？
在該尺寸下，精細細節可能會消失。嘗試使用更簡單的符號、更強的形狀或標記周圍有更多的空間。
相關指南
有疑問或更正嗎？ mrkcal@mrkcal.com