使用 Favicon 生成器

把任意图片转成完整的 favicon 文件集——favicon.ico、PNG、apple-touch-icon 与 webmanifest

Favicon 生成器把任意图片转成一套完整的 favicon 文件——favicon.ico、apple-touch-icon 以及各尺寸 PNG 图标,覆盖现代浏览器、PWA、iOS 和 Android 全部场景。

如何使用 Favicon 生成器

  • 前往 Favicon 生成器页面
  • 通过拖放或点击上传区域上传图片
  • 为获得最佳效果,使用至少512x512像素的正方形图像
  • 预览您的 favicon 在不同环境中的显示效果
  • 点击"生成 Favicon"按钮生成所有 favicon 尺寸
  • 下载完整的 favicon 文件包
  • 按照提供的实施说明将图标添加到您的网站

拖放图片到此处或点击上传

支持PNG、JPG和SVG格式

favicon.ico
16x16
32x32
192x192

生成的文件及其用途

  • favicon.ico - 传统浏览器标签和书签图标
  • favicon-16x16.png - 浏览器标签图标
  • favicon-32x32.png - 高分辨率标签和Windows任务栏
  • favicon-48x48.png - Windows桌面图标
  • favicon-192x192.png - Android应用图标和PWA
  • favicon-512x512.png - PWA应用图标
  • apple-touch-icon.png - 添加到iOS设备主屏幕时使用
  • site.webmanifest - PWA支持的配置文件

该工具提供详细的实施说明,包括您需要添加到网站'<head>'部分的HTML代码,以正确使用所有生成的favicon文件。