100 100.tools
圖片壓縮工具 圖片尺寸調整工具 圖片格式轉換工具 圖片裁剪 圖片轉 Base64 SVG 轉 PNG 圖片調色盤提取 圖片水印工具 圖片 EXIF 資訊查看與抹除 全本地圖片壓縮與轉換器 圖片背景色去除工具 像素畫製作器 ASCII 字符畫產生器 大字報封面設計器

Favicon 產生器

从本機圖片產生 favicon、Apple touch、PWA 和社群媒体常用尺寸，并复制 HTML 标签。

拖放圖片到這裡

已就緒。

仅本機處理 本機產生網站、套用和社群媒体 PNG 尺寸。
拖放圖片到這裡 支援 PNG、JPG、WebP 或 SVG，方形源图效果最好。 圖示檔案不会上传到伺服器。

圖示設定

選擇適配模式、背景、內距和预设尺寸。

網站圖示
套用与 PWA 圖示
社群媒体尺寸
尺寸說明
  • 16x16 和 32x32 覆盖經典瀏覽器 favicon 用法。
  • 180x180、192x192 和 512x512 是常見套用与 PWA 圖示尺寸。
  • 1200x630 常用于 Open Graph 分享圖片。

產生的圖示

產生的圖示会顯示在這裡。

產生的圖示会顯示在這裡。

已就緒。

這個 Favicon 產生器是什麼？

這個工具可以从一张本機圖片產生常用 favicon、Apple touch 圖示、PWA 圖示和社群分享圖片尺寸，并產生可複製的 HTML link 標籤。

隱私說明

源圖片和產生的圖示会保留在你的瀏覽器中。工具不會上傳檔案，也不會在伺服器儲存檔案。

主要功能

  • 網站 favicon 尺寸：16x16、32x32、48x48
  • Apple touch 与 PWA 圖示尺寸：180x180、192x192、512x512
  • 社群媒體預設：400x400、1200x630、1200x675
  • 支援填充裁切或完整包含，并可設定背景和內距
  • 支援 ZIP 下載和複製 HTML 片段

使用方法

  1. 新增源圖片

    選擇方形或接近方形的 PNG、JPG、WebP 或 SVG 圖片。

  2. 選擇預設

    勾選需要的網站、應用和社群媒體尺寸。

  3. 產生圖示

    瀏覽器会把每個尺寸繪製到 Canvas 并匯出 PNG。

  4. 複製標籤

    複製產生的 HTML link 標籤，并下載圖示 ZIP。

常見問題

会產生 ICO 檔案吗？

目前版本匯出 PNG 圖示尺寸，ICO 打包可以後續新增。

什麼源圖片效果最好？

清晰的方形 Logo 或高解析度圖示效果最好。

可以產生社群圖片吗？

可以，工具包含 1200x630 和 1200x675 等可選預設。

檔案会上傳吗？

不會。圖示產生会在瀏覽器本機完成。

相關工具

SVG SVG 轉 PNG 在本機將 SVG 檔案或程式碼匯出為 PNG。 IMAGE 圖片尺寸調整工具 本機按尺寸、比例或預設調整圖片。 IMAGE 圖片轉 Base64 將圖片轉換為 Data URI、CSS url() 或原始 Base64。 IMAGE 圖片壓縮工具 本機壓縮圖片並控制品質和尺寸。 IMAGE 圖片格式轉換工具 本機轉換圖片格式，不需上傳檔案。 IMAGE 圖片裁剪 在瀏覽器中依常用比例裁剪圖片。 IMAGE 圖片調色盤提取 從圖片中提取 HEX、RGB、HSL 和 CSS 調色盤。 IMAGE 圖片水印工具 在瀏覽器中为圖片新增文字或 Logo 水印。