图标·零上传

网站图标生成器 标签页图标。 真正能显示出来的。

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
编码

ICO容器支持多分辨率

真正的多分辨率 ICO 文件,包含 16/32/48 PNG 载荷——这是 Windows 和旧版浏览器仍然需要的格式。

03
保持

Manifest + Apple触控图标

生成包含可遮罩Android图标和apple-touch-icon-180.png的manifest.webmanifest。拖入您的/public文件夹。

04
批量

ZIP捆绑包,一键点击

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 苹果触屏,192 和 512 安卓 Chrome。画布缩放使用双三次质量平滑。SVG 源跳过光栅平滑。

03 · 套餐

ICO + manifest + HTML

真正的多分辨率favicon.ico(16/32/48像素于一体),适用于Android Chrome PWA的site.webmanifest,以及可直接粘贴到<head>中的<link>代码片段。跳过反复测试的步骤。

工作原理

  1. 在任何现代浏览器中打开 morph.cool/forge。无需安装、无需账户、无需信用卡。
  2. 拖入方形Logo——SVG最佳,PNG需512×512或更大尺寸。非方形输入将自动填充边距。
  3. 选择您需要的尺寸(默认设置覆盖所有现代浏览器 + iOS + Android)。如需支持旧版Windows瓷砖,请切换可选尺寸。
  4. 点击导出。画布会自动调整每个尺寸,ICO编写器将16/32/48像素打包进favicon.ico,同时生成清单文件。
  5. 保存ZIP。将文件拖入您的/public文件夹,将HTML片段粘贴到<head>中。完成。

为什么favicon网站感觉糟糕

RealFaviconGenerator在六步向导中排名第一,但需要上传logo才能预览单一尺寸,并且有时需要数分钟才能收到包含ZIP文件的邮件。Favicon.io步骤更少,但仍需通过其服务器处理。Adobe Express需要创意云账户,并推销$9.99/月的升级服务,以提供浏览器已支持的相同画布缩放功能。Canva在导出正确尺寸前强制要求注册并设置专业版付费墙。Genfavicon、Favicon-Generator.org等其他类似工具会在结果页面插入弹窗广告。macOS预览无法生成ICO格式。模式重复:以服务器上传作为商业模式,多步骤向导作为升级阶梯,您的logo作为通行费。Morph是所有这些工具的本地化、无上传版本,价格仅相当于一年一杯咖啡——并且提供真正的多分辨率ICO,而非仅将32×32单尺寸重命名为.ico。

上传站点仍占优势的地方

如果您需要 exotic legacy formats(如Windows 8浏览器配置xml tiles、Safari固定标签masked SVG带自定义颜色,或iOS 6的八种预设尺寸)——专用上传生成器有更长的清单。对于现代网页(自2018年以来发布的每个浏览器)以及99%网站所需的iOS/Android主屏幕图标,Morph可在两秒内本地完成。

常见问题

这与 RealFaviconGenerator 或 Favicon.io 有何不同?

两者都需要将您的logo上传到他们的服务器,引导您完成多步骤向导,并在服务器处理后通过电子邮件或下载ZIP文件。Adobe Express需要账户,Canva推送专业版。Morph通过Canvas和纯JS 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的图像在缩放时保持清晰,不会出现像素化模糊。512×512或更大的Square PNG也适用。非正方形输入会自动填充为正方形;导出前会标记纵横比偏移。避免使用JPG格式处理带有锐利边缘的标志(JPG量化会使16×16的图像变得模糊)。

它在iPhone或iPad上能用吗?

是的——Safari iOS支持Canvas缩放和ICO编码。拖入logo,保存到文件。生成过程在手机本地运行,永不触碰服务器。

原始标志怎么办?

原文件未被修改。Favicon 套件是一个全新的 ZIP 文件。原始文件仍保留在您拖放的位置。Morph 永远不会修改源文件。

生成favicon — 免费
免费生成 favicon 集
$4.99/月
转换任何内容 · 无需上传 · $4.99/月覆盖 Morph 所有功能