免费 · 无需注册 · 无水印

免费在线 Favicon 生成器

上传一次 Logo,就能得到浏览器、iPhone 和 Android 需要的全部图标,以及可以直接粘贴到网站里的 HTML 代码。所有文件都在浏览器中生成。

  • favicon.ico、PNG 和 SVG
  • Apple 和 Android 图标
  • 附带 HTML 代码

文件只在这台设备上处理,不会上传。

或拖放到这里

PNG、JPG、WebP 或 SVG · 正方形,512 × 512 px 或更大

使用方法

  1. 上传 Logo

    选择一张正方形的 PNG、JPG、WebP 或 SVG 图片,文件只留在浏览器里。

  2. 调整图标

    设置应用名称、颜色,以及 iPhone 和 Android 图标的内边距。

  3. 下载并安装

    下载 ZIP,把文件放到网站上,再粘贴 HTML 代码。

常见问题

包含哪些文件?

favicon.ico(16、32 和 48 px)、favicon-96x96.png、apple-touch-icon.png(180 px)、web-app-manifest-192x192.png、web-app-manifest-512x512.png 和 site.webmanifest;如果上传的是 SVG,还会附带 favicon.svg。

用什么图片效果最好?

至少 512 × 512 px 的正方形 PNG 或 SVG。简单、粗壮的图形在 16 px 下也能看清,小字通常看不清。

为什么 iPhone 图标有背景色?

iOS 主屏幕图标不显示透明效果,所以我们会用你选择的背景色填充 Apple Touch Icon。

文件放在哪里?

解压到网站根目录,也就是提供 /favicon.ico 的那个目录,然后把 HTML 代码粘贴到每个页面的 <head> 中。如果放在其他目录,在设置里填写该目录,代码会自动更新。

可以只把 PNG 转成 ICO 吗?

可以。生成后单独下载 favicon.ico 即可,里面包含图片的 16、32 和 48 px 三个尺寸。

还没有 Logo?

描述你的品牌,让 ViNano 的 AI 图片生成器设计一个 Logo 草稿,再把它做成 favicon。

用 AI 设计 Logo