🎨 Favicon 生成器

📷 图片
😀 Emoji
Aa 文字
📁
点击或拖拽上传图片
支持 PNG, JPG, SVG, WebP
预览
16×16
32×32
48×48
64×64
128×128
下载
HTML 代码:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Favicon 生成器使用说明

Favicon 是网站在浏览器标签页、收藏夹、历史记录和移动端快捷入口中展示的品牌图标。 它虽然不是直接决定排名的 SEO 因子,但能明显提升页面辨识度、品牌一致性和点击后的信任感。 对于博客、企业官网、作品集和 Web App 来说,一个清晰的小图标几乎是基础配置。

这个在线工具支持从图片、Emoji 或文字快速生成网站图标,并实时查看 16×16、32×32、48×48、64×64、128×128 等尺寸下的显示效果。 如果你正在制作网站 Logo、临时活动页图标、产品 Demo 或 PWA 素材,可以先在这里完成预览,再下载对应 PNG 文件用于部署。

推荐生成步骤

  1. 优先使用主体明确、对比度高的方形图像,避免细碎文字和复杂背景。
  2. 重点观察 16×16 和 32×32 预览,这两个尺寸最能暴露图标是否足够清晰。
  3. 根据站点用途下载常用尺寸,并将代码示例中的标签放入页面 <head>

适合生成哪些网站图标

  • 浏览器标签页 favicon: 常用 16×16、32×32、48×48。
  • Apple Touch Icon: 推荐 180×180,用于 iPhone 或 iPad 添加到主屏幕。
  • Android / PWA 图标: 常见为 192×192 和 512×512。
  • 快速占位图标: 使用 Emoji 或 1 到 2 个字符,适合原型、测试站和临时项目。