设计

Favicon 生成器

一张图或一个字母,生成整套网站图标(ICO+PNG)。

生成完整的图标包

上传Logo或输入字母/表情符号,选择背景形状和颜色,下载一个ZIP文件,内含favicon.ico、所有PNG尺寸(16→512)、Apple touch图标、现成的site.webmanifest以及HTML标签——所有内容在浏览器中本地渲染。

图标生成器将一个来源——Logo、照片或单个粗体字母/表情符号——转化为现代网站所需的全套图标包:用于旧版浏览器和地址栏的favicon.ico、16至512像素的PNG、用于iOS主屏幕的180像素Apple触摸图标、Android Chrome图标、可直接使用的site.webmanifest,以及可粘贴到<head>中的精确HTML标签。一键操作,一个ZIP,完成。

实时预览以真实尺寸显示您的图标——包括模拟浏览器标签页——因为favicon的残酷现实是它必须经得起16×16像素的考验。字母模式正是为此而生:在彩色圆角方块上的粗体首字母是标签页中最清晰的元素。所有内容均在浏览器本地渲染并打包为ZIP;您的作品永远不会离开您的设备。

常见问题

2026年一个网站到底需要哪些文件?

一个favicon.ico(包含16/32/48尺寸)、16/32/48的favicon PNG、180px的apple-touch-icon.png、192和512的Android Chrome图标,以及引用它们的site.webmanifest。这正是ZIP包中的内容,外加HTML标签。

文件放在哪里?

将所有文件上传到网站根目录(使 /favicon.ico 可访问),然后将提供的标签粘贴到页面的 <head> 中。ZIP中的html-snippet.txt已准备好这些标签。

为什么我漂亮的logo在16像素时看起来像噪声?

细节在总面积256像素下无法保留。增加内边距,或切换为字母模式——纯色背景上的单个粗体字符在完整Logo无法辨认时仍可读。

什么是ICO文件,为什么它包含三种尺寸?

ICO 是一种容器格式:浏览器会从其中选取最合适的大小(标签页用 16,任务栏用 32,快捷方式用 48)。生成器会将这三种大小都嵌入为带有透明度的全彩图像。

透明背景是否可以保留?

是的——选择'透明'形状可在每个PNG和ICO中保留源文件的Alpha通道。带形状的背景(方形/圆角/圆形)适用于需要实色背景的源文件。

苹果触摸图标有什么作用?

当有人将你的网站添加到iOS主屏幕时,那个180×180的图像会成为应用图标。iOS会自动圆角,因此全出血的方形设计效果最佳。

可以用表情符号作为网站图标吗?

是的——切换到字母模式后输入任意表情符号。它会使用系统表情字体在您选择的形状和颜色上渲染。这是个人网站一个合理且易记的选择。

我的标志上传了吗?

不会。渲染、ICO 编码和 ZIP 打包均在浏览器内完成——该工具加载后即可离线工作。