.Convertor
選單

生成網站圖標

使用視覺化編輯器裁剪、縮放圖片。

本地處理 · 檔案不上傳

檔案在目前瀏覽器處理，不會自動上傳。首次載入處理元件可能需要連線。

點擊選擇圖片檔案，或將檔案拖曳至此

支援 PNG、JPG、WEBP、SVG，本地處理，無需上傳

網站圖示產生的用途與輸出

[0003] 網站圖示標識瀏覽器標籤和書籤中的網站。透過裁剪、圓角和預覽從圖像生成多種圖標尺寸。

[0010] 縮小尺寸或SVG追蹤可能會失去細節。生成圖示不會自動配置您的網站，也不會保證保留原始 SVG 的完整結構。

能力說明

多尺寸圖示與打包輸出

[0005] ICO、PNG和SVG輸出適合不同的瀏覽器和設備。查看小尺寸預覽並在您的網站上配置所需的圖示檔案。

點陣圖素材與 SVG 追踪

[0007] 從點陣圖產生 SVG 涉及追蹤輪廓，這可能會改變複雜的照片或細節。圖示在輪廓清晰、細節有限的情況下效果最佳。

使用步驟

  1. 選擇圖片

    點擊「選擇圖片文件」按鈕，或直接將你的圖片（如 PNG、JPG、SVG）拖放到上傳區域。

  2. 編輯調整

    使用視覺化編輯器裁剪、縮放圖片。

  3. 生成和下載

    點擊「生成預覽」查看各尺寸效果，確認後點擊「打包下載 .zip」，即可取得包含 `.ico`、`.png` 等文件的完整圖示包。

常見問題

生成一個Favicon需要哪些檔案？

一個完整的Favicon套件通常包含多種尺寸的.png檔案（例如16x16、32x32、192x192等）、一個`favicon.ico`檔案用於相容舊版瀏覽器，以及一個`apple-touch-icon.png`。我們的工具會為您產生所有這些檔案。

SVG 輸出一定比 PNG 更清晰嗎？

不一定。位圖追蹤可能會改變細節，且複雜素材未必適合做圖示；請根據 SVG 和 PNG 的實際小尺寸預覽來選擇輸出。

[0008] 为什么小图标看起来不清晰？

細小的文字、複雜的圖案和過多的顏色在縮小時難以辨認；可以簡化素材、調整裁剪，並查看各尺寸的預覽，而不是僅僅提高源圖片的解析度。

相關文章