Toollet
依想做的事或應用程式名稱搜尋搜尋聯絡我們
價格

網站圖示產生器

使用 1 張 JPEG、PNG、WebP 或靜態 SVG 圖片,為網站建立 PNG,並建立包含 16px 和 32px 尺寸的 ICO。選擇 PNG 尺寸以及裁切或留白方式,再個別或以 ZIP 儲存上線準備或更換標誌所需的圖片和 HTML 標籤。選擇 192px 或 512px 時,也會附上 manifest 圖示設定範例。

新增檔案

JPEG · PNG · WebP · 靜態 SVG
PNG 尺寸(px)

至少選擇 1 種 PNG 尺寸。ICO 一律包含 16px 和 32px。

長方形圖片會在中央裁切成正方形。若要保留完整圖片,請選擇「加入留白」。

進階設定保留透明度

功能

一次建立多種尺寸

依所選尺寸建立 PNG,並建立同時包含 16 和 32px 的 ICO。

也儲存安裝檔案

以 ZIP 打包圖片和 HTML 標籤;如有需要,也會附上 manifest 圖示設定範例。

使用方式

  1. 選擇來源圖片

    選擇 1 張 JPEG、PNG、WebP 或靜態 SVG 圖片。

  2. 選擇尺寸和圖片適配方式

    選取所需的 PNG 尺寸,並選擇正方形裁切或留白。

  3. 也要檢查小尺寸

    檢查產生的圖示。縮小尺寸可能會使文字和細線難以辨識。

  4. 儲存並放到網站上

    解壓縮 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。輸出為靜態圖片,並移除中繼資料。

目前設定

搜尋工具