Favicon 生成器

直接在浏览器中生成完整的 favicon 套件——.ico 与 PNG 图标、Apple 触摸图标、Android 图标、web manifest 以及可粘贴的 HTML，无需上传。

如何生成 favicon

  1. 拖入或选择一张 PNG、JPG 或 WebP 图片（正方形徽标效果最佳）。
  2. 生成套件——favicon.ico、PNG 图标、Apple 触摸图标与 Android 图标，以及 web manifest。
  3. 下载 ZIP，把文件放入网站根目录，并把 HTML 代码片段粘贴到你的 <head> 中。
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

为什么要生成 favicon 套件？

如今 favicon 已不再是单个文件：浏览器需要 .ico 和 PNG，iOS 需要 apple-touch-icon，Android 则需要更大的图标外加一份 web manifest。OptImg 用高质量的重采样滤镜从一张图片渲染出全部文件，打包成可直接使用的 ZIP，并给你可精确粘贴的 HTML——全程在你的设备上完成，不上传任何内容（不像那些热门的在线生成器，会把你的徽标上传到它们的服务器）。

常见问题

我的图片会上传到服务器吗？
不会。每个图标都完全在浏览器中渲染和打包：你的徽标不会离开你的设备。大多数 favicon 生成器都会上传你的图片，本工具则不会。
套件里都有什么？
favicon.ico（16/32/48px）、favicon.svg、favicon-16x16.png 和 favicon-32x32.png、apple-touch-icon.png（180px）、android-chrome-192x192.png 和 android-chrome-512x512.png，以及一份 site.webmanifest——外加可精确粘贴的 HTML 代码片段。添加深色图标后，每个文件还会生成配套的深色版本。
文件该放在哪里？
把每个文件都放入网站的根目录（这样它们就能通过 /favicon.ico、/apple-touch-icon.png 等路径访问），并把提供的 HTML 粘贴到各页面的 <head> 中。
我该使用什么样的图片？
512×512 或更大的正方形 PNG 能得到最清晰的图标。非正方形的图片会自动居中裁剪为正方形，因此不会被拉伸。