跳到内容
RapideTools

Favicon 生成器

从一张图片生成各种尺寸的 favicon。

拖入一张正方形的 PNG、JPG 或 SVG,即可生成一整套 favicon——favicon.ico、apple-touch-icon、192/512 PWA 图标(如果您上传 SVG,还包括 favicon.svg)——并打包为 ZIP 文件。一切都在您的浏览器中本地运行。

如何使用这些图标

解压到网站根目录并添加:<link rel="icon" href="/favicon.ico" sizes="32x32">、<link rel="icon" type="image/svg+xml" href="/favicon.svg">、<link rel="apple-touch-icon" href="/apple-touch-icon.png"> 以及引用 icon-192.png 和 icon-512.png 的 web manifest。

你的图片尽可能在浏览器本地处理。

工作原理

  1. 1 拖入一张正方形图片(PNG、JPG 或 SVG)。
  2. 2 点击「生成」以渲染每一种尺寸。
  3. 3 下载 ZIP 并将其解压到您的网站根目录。
  4. 4 将下方显示的图标链接添加到您 HTML 的 <head> 中。

常见用例

  • 为网站添加 favicon。
  • 为 PWA manifest 创建图标。
  • 为 iOS 生成 apple-touch-icon。
  • 无需桌面应用即可生成 favicon.ico。

常见问题

我的图片会被上传到服务器吗?

不会。一切都在您的浏览器中本地运行——您的图片永远不会离开您的设备,也不会存储任何内容。

我会得到 favicon.ico 吗?

会。该 ZIP 包含一个 favicon.ico,整合了 16、32 和 48px 尺寸,外加 PNG 图标和一个 apple-touch-icon。

favicon.svg 呢?

如果您上传 SVG,会包含一个经过净化的 favicon.svg,以便现代浏览器使用清晰的矢量图标。

真的免费吗?

是的——免费,无需注册,没有水印,也没有限制。

应用图标生成器

生成应用和 PWA 图标,含可遮罩图标。

打开工具

Open Graph 图片生成器

创建 1200×630 社交分享图片。

打开工具

PNG 转 JPG 转换器

在浏览器中将 PNG 图片转换为 JPG。

打开工具