指南
如何制作 Favicon
Favicon 是出现在浏览器标签页和书签中的小图标。一个好的 Favicon 能让你的品牌脱颖而出,让网站更专业。这里教你如何从图片制作、选择合适尺寸并添加到网站。
1
从一张正方形图片开始,最好 512×512 像素,并带透明背景以获得干净图标。
2
打开 Favicon 生成器(如 Pixcutly)并上传你的图片。
3
在不同尺寸下预览 —— 16×16、32×32、48×48 —— 确保仍然清晰可辨。
4
下载 ICO 和 PNG 格式的 Favicon 集合。
5
将文件上传到网站根目录。
6
在 HTML 的 <head> 中添加 link 标签,让浏览器指向你的 Favicon。
小贴士
设计保持简单醒目。在 512px 时好看的图案,到 16px 往往变成模糊一团,所以先测试最小尺寸。
常见问题
常见基线是浏览器标签页用 16×16 像素,书签和任务栏用 32×32 像素。提供更大的 512×512 源图也有助于 Apple 触摸图标。
ICO 是旧版浏览器和 Windows 所需的传统格式。PNG 是现代标准,兼容性广,还能用于高分辨率屏幕。
将 Favicon 文件上传到网站根目录,然后在 HTML 的 <head> 中加入 <link rel="icon"> 和 <link rel="apple-touch-icon"> 标签。
现在就缺一个 Favicon?
Pixcutly 的 Favicon 生成器几秒钟就能把任意图片转成完整的 ICO 和 PNG 集合。