Manifest + Apple touch icons
產生包含可遮罩 Android 圖示及 apple-touch-icon-180.png 的 manifest.webmanifest。拖入您的 /public 資料夾。
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.
PNG、SVG 或 JPEG 進。Morph 在瀏覽器和作業系統啟動器實際要求的每個尺寸進行光柵化。
真正的多分辨率 ICO 檔案,內含 16/32/48 PNG 載體——這格式仍是 Windows 和舊版瀏覽器所需的。
產生包含可遮罩 Android 圖示及 apple-touch-icon-180.png 的 manifest.webmanifest。拖入您的 /public 資料夾。
Single ZIP with every size, manifest, and the HTML tags pre-written. Paste into
, ship.拖放正方形SVG(理想選擇——向量來源確保16×16尺寸始終清晰),PNG或JPG。Artboard會在本地讀取尺寸,並在匯出前標記非正方形輸入。
16、32、48、64、96、144、180 Apple Touch、192和512 Android Chrome。Canvas調整大小時使用雙三次平滑。SVG來源完全跳過光柵平滑。
真正的多分辨率 favicon.ico(16/32/48 合併於一個檔案),site.webmanifest 供 Android Chrome PWA 使用,以及 <link> 程式碼片段可直接貼入 <head>。跳過反覆測試的步驟。
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可在兩秒內本地處理。
兩者都需上傳您的標誌到其伺服器,引導您完成多步驟向導,並在伺服器處理後通過電子郵件或下載ZIP。Adobe Express需要帳戶,Canva推廣專業版。Morph透過Canvas + 純JavaScript ICO編寫器直接在瀏覽器中運行縮放和ICO編碼——無上傳、無電子郵件、無帳戶。
完整現代尺寸: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。
是的。套件包含一段直接貼入 <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 模糊)。
是的——Safari在iOS上完全支援Canvas調整大小和ICO編碼。拖放標誌,將套件儲存至Files。生成過程在手機上本地運行,從不接觸伺服器。
未經修改。favicon 套件是全新的 ZIP 檔案。原始檔案仍留在您拖放的位置。Morph 永遠不會修改來源檔案。