Favicon · 零上傳

網站圖示生成器 瀏覽器標籤圖示。 實際能顯示出來的。

RealFaviconGenerator uploads your logo to a server, walks you through a six-step wizard, and emails you a ZIP — sometimes after a delay. Favicon.io does the same in fewer steps but still wants a server round-trip. Adobe Express needs a Creative Cloud account and pitches a $9.99/month upgrade for the same canvas resize. Canva pushes Pro before it'll even export the right sizes. Morph runs the resize loop via Canvas API and writes a real multi-resolution favicon.ico with a pure-JS ICO encoder — directly in your browser tab. Drop a square logo, get the full bundle: 16/32/48 favicon.ico, 180×180 apple-touch, 192×192 and 512×512 Android Chrome, plus the HTML <link> snippet for your <head>. No upload, no email, no account. Free for everything that runs on your device; AI is paid in credits.

開啟 Morph 查看 $4.99 方案
01
解碼

拖放一張圖片,自動生成九種尺寸

PNG、SVG 或 JPEG 進。Morph 在瀏覽器和作業系統啟動器實際要求的每個尺寸進行光柵化。

02
ENCODE

ICO 容器含多分辨率

真正的多分辨率 ICO 檔案,內含 16/32/48 PNG 載體——這格式仍是 Windows 和舊版瀏覽器所需的。

03
保留

Manifest + Apple touch icons

產生包含可遮罩 Android 圖示及 apple-touch-icon-180.png 的 manifest.webmanifest。拖入您的 /public 資料夾。

04
批次

ZIP bundle, single click

Single ZIP with every size, manifest, and the HTML tags pre-written. Paste into , ship.

9尺寸
0上傳
1-clickZIP

它實際做什麼

01 · 解碼

讀取來源

拖放正方形SVG(理想選擇——向量來源確保16×16尺寸始終清晰),PNG或JPG。Artboard會在本地讀取尺寸,並在匯出前標記非正方形輸入。

02 · 調整大小

所有尺寸同時處理

16、32、48、64、96、144、180 Apple Touch、192和512 Android Chrome。Canvas調整大小時使用雙三次平滑。SVG來源完全跳過光柵平滑。

03 · 組合

ICO + 清單 + HTML

真正的多分辨率 favicon.ico(16/32/48 合併於一個檔案),site.webmanifest 供 Android Chrome PWA 使用,以及 <link> 程式碼片段可直接貼入 <head>。跳過反覆測試的步驟。

如何運作

  1. 在任何現代瀏覽器中開啟 morph.cool/forge。無需安裝、無需帳戶、無需信用卡。
  2. 拖放方形標誌——SVG理想,PNG需512×512或更大尺寸亦可。非方形輸入會自動補白。
  3. 選擇您需要的尺寸(預設設定涵蓋所有現代瀏覽器 + iOS + Android)。如支援舊版Windows圖示,請切換選項尺寸。
  4. 點擊匯出。畫布會自動調整每個尺寸,ICO編寫器將16/32/48像素打包至favicon.ico,並生成清單。
  5. Save the ZIP. Drop the files into your /public folder, paste the HTML snippet into your <head>. Done.

為何favicon網站感覺糟糕

RealFaviconGenerator 在六步驟向導中排名第一,需上傳 Logo 後才能預覽單一尺寸——且會透過電子郵件寄送 ZIP 檔案,有時需等待數分鐘。Favicon.io 步驟較少,但仍需透過其伺服器處理。Adobe Express 需要 Creative Cloud 帳號,並推銷 $9.99/月升級方案,以提供瀏覽器已支援的相同畫布調整功能。Canva 強制要求註冊並在匯出正確尺寸前設置 Pro 付費牆。Genfavicon、Favicon-Generator.org 和其他幾款類似工具會在結果頁面插入彈出廣告。macOS Preview 完全無法生成 ICO 檔案。模式重複:伺服器上傳作為商業模式,多步驟向導作為升級路徑,你的 Logo 作為通行費。Morph 是所有這些工具的本地處理、無上傳版本,價格僅等同於一年一杯咖啡——且提供真正的多尺寸 ICO,而非僅將單一 32×32 圖像重新命名為 .ico。

上傳網站仍佔優勢的地方

如需處理特殊舊格式——Windows 8瀏覽器config.xml圖示、Safari固定標籤遮罩SVG(自訂顏色),或iOS 6的八種預設尺寸——專用上傳產生器有更長的清單。對於現代網路(2018年後發佈的每個瀏覽器)及99%網站所需的iOS/Android主畫面圖示,Morph可在兩秒內本地處理。

常見問題

這與 RealFaviconGenerator 或 Favicon.io 有何不同?

兩者都需上傳您的標誌到其伺服器,引導您完成多步驟向導,並在伺服器處理後通過電子郵件或下載ZIP。Adobe Express需要帳戶,Canva推廣專業版。Morph透過Canvas + 純JavaScript ICO編寫器直接在瀏覽器中運行縮放和ICO編碼——無上傳、無電子郵件、無帳戶。

Morph 可生成哪些尺寸?

完整現代尺寸:16×16 和 32×32(瀏覽器標籤)、48×48(Windows 網站捷徑)、180×180(iOS 主畫面的 apple-touch-icon)、192×192 和 512×512(Android Chrome PWA + 清單),以及包含 16/32/48 的多解析度 favicon.ico。可選:64×64、96×96、144×144、256×256。

會生成HTML <link>標籤嗎?

是的。套件包含一段直接貼入 <head> 的程式碼:rel="icon" 以支援 SVG/PNG 的尺寸,rel="apple-touch-icon" 用於 iOS,以及 manifest.json 參考用於 Android Chrome。省去猜測與測試的過程。

哪些輸入格式最佳?

Square SVG 理想之選 — 向量來源確保 16×16 始終清晰,無像素化失真。Square PNG 在 512×512 或更大尺寸下也適用。非正方形輸入會自動填充為正方形;比例偏移會在匯出前標記。避免使用 JPG 處理邊緣鋒利的商標(JPG 壓縮會使 16×16 模糊)。

它能在iPhone或iPad上運行嗎?

是的——Safari在iOS上完全支援Canvas調整大小和ICO編碼。拖放標誌,將套件儲存至Files。生成過程在手機上本地運行,從不接觸伺服器。

原始商標怎麼辦?

未經修改。favicon 套件是全新的 ZIP 檔案。原始檔案仍留在您拖放的位置。Morph 永遠不會修改來源檔案。

生成favicon — 免費
免費生成 favicon 集
$4.99/月
轉換任何內容 · 不上傳任何東西 · $4.99/月涵蓋 Morph 所有功能