153 · 图像工具

网站图标生成器

从您的徽标或字母开始,获取浏览器和手机寻找的每个图标文件。

您的数据: 该工具处理您在此浏览器中的输入。 CapyHelp 不会上传该输入来生成结果。 隐私详情

网站图标生成器

开始于

如何使用网站图标生成器

  1. 选择字母和颜色,或切换到图像并选择您的徽标。
  2. 选择一个形状并检查预览。
  3. 下载 ZIP 并将 HTML 粘贴到页面的 <head> 中。

套装中有什么

  • favicon.ico 浏览器和书签的尺寸为 16、32 和 48 px
  • favicon-32x32.png 对于现代浏览器
  • apple-touch-icon.png (180 px) 适用于 iPhone 和 iPad 主屏幕
  • icon-192.png 和 icon-512.png 适用于 Android 和已安装的 Web 应用程序
  • site.webmanifest 列出了它们

将文件上传到您网站的根文件夹。

示例

字母“T”,蓝底白字,圆形

6 个文件和 4 个 HTML 标签

带有 8% 填充的 logo.svg

图标以边距居中

问题

我如何检查它的外观?

在 <a href="/tools/favicon-previewer/">favicon 预览器</a> 中尝试您的图标,该图标会显示在浏览器选项卡、书签和主屏幕上。

我的文件上传了吗?

不会。这些文件由您自己设备上的浏览器处理,并且永远不会发送到服务器。

自动翻译。回顾重要结果。