使用方法
favicon 创建工具可在浏览器内从图片或短文字生成一整套 favicon。你可以在正方形预览中调整背景、圆角、文字大小和颜色，再确认生成后的尺寸预览与输出文件。
适用场景
可实现内容
指南
按画面区域说明设置、输入、预览、结果和保存等操作方法。
01 HOWTO
按画面区域详细说明 favicon 素材选择、文字标志调整、正方形和尺寸预览，以及 ICO、PNG、SVG、manifest、HTML 示例的保存。
生成前选择或确认此输入。
根据目标结果调整此设置。
使用此预览或信息确认结果。
保存、复制、重新生成或回到相关区域。
02 HOWTO
按画面区域详细说明 favicon 素材选择、文字标志调整、正方形和尺寸预览，以及 ICO、PNG、SVG、manifest、HTML 示例的保存。
生成前选择或确认此输入。
根据目标结果调整此设置。
使用此预览或信息确认结果。
保存、复制、重新生成或回到相关区域。
03 HOWTO
按画面区域详细说明 favicon 素材选择、文字标志调整、正方形和尺寸预览，以及 ICO、PNG、SVG、manifest、HTML 示例的保存。
生成前选择或确认此输入。
根据目标结果调整此设置。
使用此预览或信息确认结果。
保存、复制、重新生成或回到相关区域。
04 HOWTO
按画面区域详细说明 favicon 素材选择、文字标志调整、正方形和尺寸预览，以及 ICO、PNG、SVG、manifest、HTML 示例的保存。
生成前选择或确认此输入。
根据目标结果调整此设置。
使用此预览或信息确认结果。
保存、复制、重新生成或回到相关区域。
注意事项
将使用前应先判断的重要点按原因归纳整理。
确认
favicon 会以 16x16 或 32x32 显示。短文字和简单图形通常比复杂图片更容易识别。
确认
使用纯色或渐变背景时，请确认文字或图形不会融入背景。
确认
除了生成的文件，也请把 HTML 示例和 manifest 反映到网站中，让浏览器和主屏幕图标正确识别。
FAQ
这里先整理能帮助使用前判断的常见问题。
不会。favicon 的生成完全在浏览器内完成，图片文件不会发送到外部。
可以生成 favicon.ico、多尺寸 PNG、SVG favicon、site.webmanifest 以及 HTML 示例。
可以。文字标志模式可让您使用简短文字生成简单 favicon。
可以。生成后的 favicon 套件可以用 ZIP 一次性保存。
支持。根据所选预设，可同时生成 site.webmanifest。
可以。您可以在预览区查看 16x16、32x32 等尺寸下的显示效果。
下一步指南
这里整理了相关指南，便于继续操作时不迷失。
