网站图标生成器

🎨 Favicon Generator

📁

拖拽图片到此处，或点击上传

支持 PNG, JPG, SVG, ICO, GIF

文字设置

文字内容

字体

粗细

字号: 70%

形状

颜色自动

文字色

背景色

启用渐变背景

输出尺寸

16×16 Browser Tab favicon-16x16.png

32×32 Browser Tab favicon-32x32.png

48×48 Windows Site favicon-48x48.png

180×180 Apple Touch apple-touch-icon.png

192×192 Android android-chrome-192x192.png

256×256 High-res favicon-256x256.png

512×512 PWA Icon android-chrome-512x512.png

网站图标生成器

在线网站图标生成工具，上传图片生成多种尺寸的 favicon

本地运行 · 数据不上传

详细说明

一款专业的 Favicon 生成工具，从一张图片自动生成网站所需的所有 favicon 尺寸和格式。支持 PNG、WebP 和 ICO 格式，同时生成 apple-touch-icon，提供 HTML 代码片段，帮助您快速完成网站图标配置。

功能特点

多尺寸 favicon 生成
PNG/WebP/ICO 格式支持
apple-touch-icon 生成
一键下载所有尺寸
透明背景支持
自定义背景颜色
圆角和边框处理
Favicon 代码生成
预览多平台效果

使用方法

1 上传一张清晰的图片作为 favicon 源素材
2 选择需要生成的尺寸，如 16x16、32x32、180x180 等
3 调整背景颜色和圆角等可选参数
4 点击生成按钮，下载包含所有尺寸和 HTML 代码的文件包

使用技巧

选择简洁的图标设计，在 16x16 这样的小尺寸下也能清晰辨认
同时生成 apple-touch-icon 确保 iOS 设备添加到主屏幕时显示正确的图标
下载后将 favicon 文件放在网站根目录，然后添加工具生成的 HTML 代码到页面头部

常见问题

应该使用什么样的图片作为源？

建议使用正方形的 PNG 图片，分辨率至少 512x512 像素，这样在各种尺寸下都能保持清晰。避免使用带有过多细节的复杂图片。

生成的 ICO 文件能用吗？

可以。生成的 ICO 文件包含多种尺寸，兼容所有现代浏览器和旧版浏览器，可直接用于网站的 favicon 配置。

需要生成哪些尺寸？

建议至少生成 16x16（浏览器标签）、32x32（任务栏）和 180x180（Apple 设备）三种尺寸，工具还提供其他常用尺寸供选择。

详细说明

功能特点

使用方法

使用技巧

相关工具

常见问题

Q 应该使用什么样的图片作为源？

Q 生成的 ICO 文件能用吗？

Q 需要生成哪些尺寸？

应该使用什么样的图片作为源？

生成的 ICO 文件能用吗？

需要生成哪些尺寸？