# 一张图片搞定网站图标？ImgShrink Favicon 生成器来啦

URL: https://caijiao.org/posts/52
Source: docs/posts/52.md
Description: 不用担心！今天给大家推荐一个超方便的工具——ImgShrink Favicon 生成器。它可以在浏览器中从一张源图片生成 favicon.ico、PNG 图标、Apple Touch Icon、Android 主屏图标、site.webmanifest 和可直接复制使用的 HTML 代码。

在建设网站的时候，你是否遇到过这样的烦恼：

> “favicon.ico、Apple Touch Icon、Android 图标、PWA manifest……这么多尺寸，我该怎么生成？”

不用担心！今天给大家推荐一个超方便的工具——**[ImgShrink Favicon 生成器](https://imgshrink.dev/zh/favicon-generator/)**。它可以在浏览器中从一张源图片生成网站常用图标文件，并提供可直接复制使用的 **HTML 代码**，省时又省力。

## 为什么选择 ImgShrink Favicon 生成器？

1️⃣ **一键生成多种图标**
无论是 `favicon.ico`、`favicon-16x16.png`、`favicon-32x32.png`，还是 **Apple Touch Icon**、**Android 主屏图标** 和 `site.webmanifest`，ImgShrink 都能帮你统一生成，再也不用手动裁剪各种尺寸。

2️⃣ **自动生成 HTML 代码**
生成完图标后，它会同步输出完整的 [HTML](/html/) 引入示例，你只需复制粘贴即可，让网站快速上线。

3️⃣ **浏览器本地处理**
只需要选择一张图片，即可在浏览器中完成处理，不需要把图片上传到服务器。对于重视隐私、想快速生成图标包的站长和开发者来说，都很方便。

## 实用场景

* **个人博客**：给你的博客加上专业的 favicon，让网站更有辨识度。
* **公司官网**：快速生成企业图标，提升品牌形象。
* **前端开发**：节省多种尺寸图标制作时间，提高工作效率。

## 怎么使用？

1. 打开 [ImgShrink Favicon 生成器](https://imgshrink.dev/zh/favicon-generator/)。
2. 选择你的源图片（推荐使用主体居中的方形 Logo 或图片）。
3. 预览常见 favicon 显示位置，并生成 PNG、ICO、Apple 与 Android 图标。
4. 下载图标包，复制提供的 HTML 代码，直接嵌入网站即可。

## 小结

无论你是新手博主还是前端开发者，**ImgShrink Favicon 生成器** 都是你网站图标生成的得力助手。它支持常用图标文件、manifest 和 HTML 片段输出，让你的网页看起来更完整、更有质感。

> 现在就去试试吧：**[ImgShrink 在线 Favicon 生成器](https://imgshrink.dev/zh/favicon-generator/)**