新网站
在正式的标志还在设计期间，花一分钟时间制作一个简单的字母或表情符号图标。
网站图标生成器 — 根据文本、表情符号或图片生成 favicon.ico 和 PNG 图标。
输入一两个字母或一个表情符号，或者上传您的徽标，即可获得一套现成的网站图标文件：favicon.ico、16×16、 32×32、48×48、180×180 的 Apple 触控图标，以及 192×192 和 512×512 的应用图标。复制 HTML 代码片段即可完成。图片将在您的浏览器中进行处理。
制作我的网站图标
您的图片仍保存在浏览器中
设计您的图标
预览和下载
指南
网站图标生成器指南：尺寸、文件格式及所需的HTML代码
网站需要哪些网站图标文件，以及如何添加它们。
什么是网站图标生成器？
网站图标（favicon）是指在浏览器标签页、书签和搜索结果中，显示在网站名称旁边的小图标。一个好的网站图标能让您的标签页在众多标签页中脱颖而出，便于用户找到。
该生成器会根据您所需的每种尺寸在画布上绘制您的图标，并允许您下载每个文件，包括包含多种尺寸的 favicon.ico 文件，以及用于添加到您网页中的链接标签。
人们为什么使用网站图标生成器
现有徽标
将徽标裁剪成正方形，并导出浏览器和手机所需的所有尺寸。
Web 应用和 PWA
获取 Web 应用清单所要求的 192 和 512 像素的 PNG 图标，以及 Apple 触控图标。
网站图标尺寸详解
favicon.ico is the classic file at the root of your site. This tool packs 16, 32 and 48 pixel versions into one ICO file. The 16×16 and 32×32 PNG files suit modern browsers, and 32×32 looks sharper on high-density screens. The 180×180 apple-touch-icon.png is used when someone adds your site to an iPhone or iPad home screen.
192×192 和 512×512 的 PNG 文件是 Android 和可安装的 Web 应用所使用的尺寸；请在您的 Web 应用清单中列出这些文件。 搜索引擎还可以在搜索结果中显示网站图标（favicon），而谷歌要求使用尺寸为 48 像素整数倍的正方形图标，48 和 192 像素的文件均可满足这一要求。
如何使用网站图标生成器
- 选择“文本”或“图片”。如果是文本，请输入一到两个字符或一个表情符号，并选择颜色；如果是图片，请选择一个文件。
- 选择一种形状：方形、圆角或圆形。
- 请查看各尺寸的预览图。小尺寸的图片以实际像素尺寸显示。
- 下载所需的文件，或点击“全部下载”，然后将 HTML 代码片段复制到页面的 head 部分。
简单小贴士
- 16像素的字号最适合显示一两个字符。长单词则会变得模糊不清。
- 图标与其背景之间应形成鲜明对比，以确保其在浅色和深色标签页上均清晰可辨。
- 对于细节繁多的徽标，请使用简化版图案或仅使用首字母。
- 请将文件放在网站根目录下，以便代码片段中的链接能正常工作；或者修改路径以匹配您的文件夹。
限制与隐私
隐私
图片是在您的浏览器中绘制并调整大小的。没有任何内容被上传，文件是在您下载时才在您的设备上生成的。
限制
ICO 文件仅包含 16、32 和 48 像素的图像。图像已被裁剪为居中的正方形，因此如果您需要使用其他部分，请先裁剪您的徽标。浏览器有时会将旧的网站图标缓存很长时间，因此新图标可能需要一段时间才会显示出来。
常见问题
网站图标生成器常见问题解答
什么是网站图标？
网站图标（favicon）是指出现在浏览器标签页、书签中，有时也会出现在搜索结果中、紧邻网站名称的小图标。
我需要哪些尺寸的网站图标？
一个 favicon.ico 文件（16、32 和 48 像素），一个 32×32 的 PNG 文件，一个 180×180 的 Apple 触控图标，以及 192×192 和 512×512 的 PNG 文件（如果您的网站可作为应用程序安装的话）。 该工具可生成所有这些图标。
如何将网站图标添加到我的网站上？
将文件上传到您的网站（通常是根目录），并将生成的链接标签粘贴到 HTML 代码的 head 部分。如果文件位于其他位置，请修改路径。
我能用表情符号制作网站图标吗？
是的。选择“文本”，然后输入一个表情符号，或者任意一个或两个字符。选择背景颜色和形状，系统就会为你生成图标。
我应该上传什么图片？
最佳效果是使用至少 512×512 像素的正方形图片，格式为 PNG、JPG 或 WebP。其他形状的图片将被裁剪为居中的正方形。
它支持透明背景吗？
是的。取消勾选“填充背景”选项，带有透明度的PNG文件就能保留透明背景。如果是文字，字母会绘制在透明图标上。
为什么我的新网站图标没有显示？
浏览器会大量缓存网站图标。请尝试强制刷新、清除缓存，或在无痕窗口中打开该网站，以查看新图标。
我的图片是否已上传到服务器？
不。图标是在您的浏览器中生成的，文件则是在您的设备上生成的。
来自使用该工具的用户
评论
正在加载评论……
继续前进
工具箱里的更多工具
该主页还提供了数十种无需 API 密钥即可使用的免费工具。