網站圖示產生器
使用 1 張 JPEG、PNG、WebP 或靜態 SVG 圖片,為網站建立 PNG,並建立包含 16px 和 32px 尺寸的 ICO。選擇 PNG 尺寸以及裁切或留白方式,再個別或以 ZIP 儲存上線準備或更換標誌所需的圖片和 HTML 標籤。選擇 192px 或 512px 時,也會附上 manifest 圖示設定範例。
功能
一次建立多種尺寸
依所選尺寸建立 PNG,並建立同時包含 16 和 32px 的 ICO。
也儲存安裝檔案
以 ZIP 打包圖片和 HTML 標籤;如有需要,也會附上 manifest 圖示設定範例。
使用方式
選擇來源圖片
選擇 1 張 JPEG、PNG、WebP 或靜態 SVG 圖片。
選擇尺寸和圖片適配方式
選取所需的 PNG 尺寸,並選擇正方形裁切或留白。
也要檢查小尺寸
檢查產生的圖示。縮小尺寸可能會使文字和細線難以辨識。
儲存並放到網站上
解壓縮 ZIP,將圖片放到網站上,並依網站結構調整 HTML 標籤中的路徑。
適用情境
準備發布網站
準備分頁等用途的小圖示,以及主畫面圖片。
更換標誌時更新圖示
使用同一張來源圖片重新建立所需尺寸,以符合網站圖示需求。
在網站上使用圖示組
ICO 和 PNG 的差異
ICO 可以儲存多種尺寸的圖片。此工具產生的 ICO 一律包含 16×16 和 32×32;PNG 則會依所選尺寸個別建立。
小圖示的顯示效果
在大型來源圖片中清晰可讀的文字,縮小至 16px 或其他小尺寸時可能難以辨識。請逐一檢查產生的各種尺寸。
圖片位置和 HTML 路徑
設定範例假設檔案放在網站根目錄。若放在其他位置,請一併更新 HTML href 和 manifest src。
Manifest 是圖示設定範例
選擇 192px 或 512px 時會建立此檔案。這不代表已完成整個網頁應用程式的設定。
常見問題
可以不選 PNG,直接建立 ICO 嗎?
至少必須選擇 1 種 PNG 尺寸。無論選擇哪種 PNG,ICO 都會包含 16px 和 32px。
可以一次儲存多種尺寸嗎?
將圖片和安裝檔案一起儲存為 ZIP。也可以個別儲存圖片和設定範例。
可以使用長方形圖片嗎?
將中央裁切為正方形,或加入留白以保留完整圖片。目前沒有調整圖片位置或拉伸圖片的功能。
建立後會自動顯示在我的網站上嗎?
不會自動發布。請將圖片放到網站、設定 HTML 和 manifest,然後檢查圖片在實際使用位置的顯示效果。
檔案處理
- 輸入
- 使用 1 張 JPEG、PNG、WebP 或靜態 SVG 圖片。
- 輸出
- ICO、所選 PNG、HTML,以及適用時的 manifest。輸出為靜態圖片,並移除中繼資料。