ZH
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
首页 收藏
Voltar

字母网站图标 (Favicon)

输入最多 3 个字母,选择颜色和形状,查看它在浏览器标签页中的效果。下载包含 favicon.ico、iPhone 和 Android 图标以及 <head> 代码的压缩包。

使用方法

首字母网站图标

<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">

可用语言: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

下一个工具CSS 角标丝带与徽章(ribbon 和 badge)→
广告

字母网站图标 (Favicon): 用途

输入最多 3 个字母,选择字体、形状(圆形、圆角方形或方形)、颜色和字母大小。预览会显示图标在浏览器标签页中 16 px、48 px 以及在 iPhone 上的样子。

.zip 压缩包包含 16、32 和 48 px 的 favicon.ico、iPhone 和 Android 的 PNG、site.webmanifest,以及粘贴到网站 head 中的代码。

使用方法

  1. 输入品牌的首字母。
  2. 选择字体、形状和颜色。
  3. 下载压缩包并把代码粘贴到网站中。

使用场景

  • 还没有徽标的新网站。
  • 个人博客和作品集。
  • 项目的临时图标。

常见问题

压缩包里有什么?

favicon.ico(16、32 和 48 px)、favicon-32x32.png、apple-touch-icon.png(180 px)、用于 Android 和网站的 192 与 512 px 图标以及 site.webmanifest,还有粘贴到 <head> 中的代码。

用几个字母合适?

一到两个。在浏览器标签页中图标只有 16 像素,三个字母很难看清。预览会以实际大小显示图标。

我已经有徽标了,该用哪个工具?

请使用从图片生成网站图标的工具:它会根据你的徽标生成同样的文件。

真的免费吗?

是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。

相似工具

非常感谢您的支持!

每一笔捐赠都有助于维持网站运行。这些工具旨在帮助您,但我们有服务器开销。如果您愿意支持,将不胜感激!请选择或输入金额:

通过Stripe安全支付。将在新标签页打开。

工具按现状提供,不作任何保证。我们不对结果及其使用承担责任。