ImgShrink
ImgShrink

Favicon 生成器

上传一张图片，生成适合浏览器标签、书签、Apple 主屏图标和 Android 主屏图标的网站图标文件。图片保留在浏览器中。

PNG 和 ICO 输出Apple 与 Android 尺寸HTML 代码复制本地 ZIP 下载

Favicon 生成器

源图片

请选择 Logo 或图片。
主题颜色
预览
选择图片后生成 favicon 文件。

生成图片

选择图片后生成 favicon 文件。

HTML 代码

<link rel="icon" href="/favicon.ico" sizes="any">
<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="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

使用方式

  1. 1选择方形 Logo 或主体居中的图片。
  2. 2预览常见 favicon 显示位置。
  3. 3下载图标包，并复制 HTML link 代码。

隐私与限制

  • 图片在浏览器中处理，不会上传。
  • favicon 会从图片中心裁成方形。
  • SVG 输入能否读取取决于浏览器支持。

图标包包含什么

此工具会从一张源图生成 favicon.ico、PNG 图标、site.webmanifest 文件和 HTML 代码片段。

输出路径按网站根目录准备，例如 /favicon.ico 和 /apple-touch-icon.png。

常见使用场景

  • 为新网站准备图标
  • 替换旧浏览器标签图标
  • 创建 Apple 和 Android 主屏图标

格式说明

  • ICO 文件包含 16、32、48 像素 PNG 图像。
  • PNG 图标用于现代浏览器和手机主屏。
  • 透明源图会尽量保留透明度，前提是浏览器能读取该图片。

原创测试样例

  • 使用边缘清楚的方形 Logo，并在下载前检查 16 x 16 预览。
  • 上传到网站后，确认 HTML 路径和图标实际保存位置一致。

常见问题

我的图片会上传吗？

不会。ImgShrink 会在浏览器中处理你选择的图片，不会把图片上传到服务器。

转换会保留动图、元数据或透明背景吗？

浏览器 Canvas 导出通常生成静态图片，也通常不保留元数据。透明度只有在输出格式和浏览器支持时才会保留。

为什么某些输出格式不可用或结果不同？

图片解码和导出能力由浏览器决定。有些浏览器可能不支持 AVIF 导出，或会把不支持的透明区域铺底。

来源与兼容性说明

此工具在浏览器中运行，输出支持取决于你的浏览器能读取和导出的图片格式。

最近核对: 2026-09-07

说明
  • 不使用服务端图片处理。
  • 输出格式支持取决于浏览器。
  • 动图和元数据不作为保证保留的信息。

相关网站图片工具

所有工具

在线图片格式转换

在浏览器中转换 JPG、PNG、WebP、AVIF 图片格式。隐私本地转换，无需上传。

PNG 透明度检查器

检查 PNG 或 WebP 是否包含透明或半透明像素，在浏览器本地查看 alpha 覆盖比例和透明边界。

给 PNG 添加背景

在浏览器中给透明 PNG 或 WebP 添加白底、黑底或自定义纯色背景，预览并下载 JPG、PNG 或 WebP。

在线调整图片尺寸

在浏览器中按宽高调整图片尺寸，生成更小的 JPG、PNG 或 WebP 文件，无需上传。