什么是 ICO 图标？

ICO（Icon File）是 Windows 标准图标格式，浏览器标签页 Favicon、桌面快捷方式图标均使用此格式。一个完整的 ICO 文件可内嵌多种尺寸，确保各场景清晰显示。

为什么需要多种尺寸？

16×16 — 浏览器标签页 Favicon 标准尺寸

32×32 — Windows 任务栏和桌面快捷方式

48×48 — Windows 文件资源管理器大图标

128×128 — Windows 10/11 大图标模式

256×256 — macOS Retina 高清显示

如何使用生成的 ICO 文件？

将生成的 favicon.ico 上传到网站根目录，然后在 HTML 的 <head> 中添加引用代码即可。

常见问题

什么图片适合生成 ICO？

推荐使用正方形、透明背景的 PNG 图片，尺寸 256×256 以上效果最佳。JPG、GIF、WEBP、BMP 格式也支持。

生成的 ICO 兼容哪些系统？

兼容 Windows XP 至 Windows 11、macOS、Linux，以及 Chrome、Firefox、Safari、Edge 等主流浏览器。

需要安装软件吗？

完全在线操作，无需安装任何软件，打开浏览器即可使用，支持电脑和手机访问。

使用提示

推荐 256×256 以上高清原图
透明背景 PNG 效果最佳
自动保持比例居中缩放
输出标准 ICO 格式文件
兼容主流浏览器和操作系统

引用代码示例

将 favicon.ico 放到网站根目录后，在 HTML 的 <head> 中添加：

<!-- 标准 Favicon -->
<link rel="shortcut icon" href="/favicon.ico">

推荐写法（兼容性更好）：

<!-- 现代浏览器 -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png">

WordPress 用户：

<!-- 在主题 functions.php 中添加 -->
<?php
function my_theme_favicon() {
  echo '<link rel="shortcut icon" href="'
    . get_stylesheet_directory_uri()
    . '/favicon.ico">';
}
add_action('wp_head', 'my_theme_favicon');
?>