指南

如何制作 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 集合。

创建 Favicon