100 100.tools
图片压缩工具 图片尺寸调整工具 图片格式转换工具 图片裁剪 图片转 Base64 SVG 转 PNG 图片调色板提取 图片水印工具 图片 EXIF 信息查看与抹除 全本地图片压缩与转换器 图片背景色去除工具 像素画制作器 ASCII 字符画生成器 大字报封面设计器

Favicon 生成器

从本地图片生成 favicon、Apple touch、PWA 和社交媒体常用尺寸，并复制 HTML 标签。

拖放图片到这里

已就绪。

仅本地处理 本地生成网站、应用和社交媒体 PNG 尺寸。
拖放图片到这里 支持 PNG、JPG、WebP 或 SVG，方形源图效果最好。 图标文件不会上传到服务器。

图标设置

选择适配模式、背景、内边距和预设尺寸。

网站图标
应用与 PWA 图标
社交媒体尺寸
尺寸说明
  • 16x16 和 32x32 覆盖经典浏览器 favicon 用法。
  • 180x180、192x192 和 512x512 是常见应用与 PWA 图标尺寸。
  • 1200x630 常用于 Open Graph 分享图片。

生成的图标

生成的图标会显示在这里。

生成的图标会显示在这里。

已就绪。

这个 Favicon 生成器是什么？

这个工具可以从一张本地图片生成常用 favicon、Apple touch 图标、PWA 图标和社交分享图片尺寸，并生成可复制的 HTML link 标签。

隐私说明

源图片和生成的图标会保留在你的浏览器中。工具不会上传文件，也不会在服务器存储文件。

主要功能

  • 网站 favicon 尺寸：16x16、32x32、48x48
  • Apple touch 与 PWA 图标尺寸：180x180、192x192、512x512
  • 社交媒体预设：400x400、1200x630、1200x675
  • 支持填充裁切或完整包含，并可设置背景和内边距
  • 支持 ZIP 下载和复制 HTML 片段

使用方法

  1. 添加源图片

    选择方形或接近方形的 PNG、JPG、WebP 或 SVG 图片。

  2. 选择预设

    勾选需要的网站、应用和社交媒体尺寸。

  3. 生成图标

    浏览器会把每个尺寸绘制到 Canvas 并导出 PNG。

  4. 复制标签

    复制生成的 HTML link 标签，并下载图标 ZIP。

常见问题

会生成 ICO 文件吗？

当前版本导出 PNG 图标尺寸，ICO 打包可以后续增加。

什么源图片效果最好？

清晰的方形 Logo 或高分辨率图标效果最好。

可以生成社交图片吗？

可以，工具包含 1200x630 和 1200x675 等可选预设。

文件会上传吗？

不会。图标生成会在浏览器本地完成。

相关工具

SVG SVG 转 PNG 在本地将 SVG 文件或代码导出为 PNG。 IMAGE 图片尺寸调整工具 本地按尺寸、比例或预设调整图片。 IMAGE 图片转 Base64 将图片转换为 Data URI、CSS url() 或原始 Base64。 IMAGE 图片压缩工具 本地压缩图片并控制质量和尺寸。 IMAGE 图片格式转换工具 本地转换图片格式，无需上传文件。 IMAGE 图片裁剪 在浏览器中按常用比例裁剪图片。 IMAGE 图片调色板提取 从图片中提取 HEX、RGB、HSL 和 CSS 调色板。 IMAGE 图片水印工具 在浏览器中为图片添加文字或 Logo 水印。