# 站标(Favicon)生成器

URL: https://caijiao.org/tool/favicon
Source: docs/tool/favicon.md
Description: 免费在线站标(Favicon)生成器，轻松创建网站图标。支持多尺寸(16x16,32x32,64x64)，导出PNG和ICO格式，可视化裁剪，一键打包下载。

轻松创建网站图标，支持多尺寸PNG和ICO格式。



## 使用指南

### 1. 上传图片

选择一张清晰的图片（尺寸不超过500x500像素）

### 2. 裁剪调整

拖动和调整裁剪框，确保重要内容位于框内

### 3. 选择尺寸

根据需要选择输出尺寸：

- 16x16 - 适用于浏览器标签页
- 32x32 - 适用于书签和快捷方式
- 64x64 - 适用于高分辨率显示

### 4. 下载选项

- PNG格式：支持透明背景，清晰度高
- ICO格式：Windows系统传统格式，兼容性最佳
- 打包下载：获取所有选中尺寸的文件

## 如何添加到网页

将以下代码添加到网页的 `<head>` 标签内：

```html
<!-- 传统favicon图标（ICO格式，支持多尺寸） -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

<!-- 现代浏览器站标（PNG格式，分尺寸） -->
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">

<!-- iOS和iPad站标 -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
```


将文件路径替换为你的实际站标文件位置。
