工具95

创造卓越作品

网站图标 / ICO 生成器.

从图像或文本创建网站图标。预览浏览器标签页,使用系统字体,并下载多尺寸 ICO 或包含网站、Apple 和 Android 图标的 ZIP 文件。

广告
您的图像工作区
在您的设备上
或拖放到此处
PNG, JPG, JPEG, WEBP, GIF
选择您的图像以开始。图像
广告
博客 如何创建网站图标 (favicon) 阅读指南

创建一个在任何尺寸下都清晰的网站图标 (favicon)

将徽标、图像或短字母组合转换为网站图标。预览浅色和深色浏览器标签页,优化构图,并下载多尺寸 ICO 或包含图标和安装文件的网站专用 ZIP 包。

一个清晰的标志即可成为浏览器、书签和移动网站图标。
快速视频教程 How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. 英语旁白 观看视频

How to create a favicon and website icon package

功能与控制

从图像或您的首字母开始

上传图像,或在工具页面上选择“文本”。

图像和文本输入

图像支持 PNG、JPG、JPEG、WebP 或 GIF。文本会打开同一个编辑器,让您的字母准备好进行样式设置。“创建自”选项让您可以在上传的图像和字母组合之间切换。使用一个或两个简单的字符以在 16 像素下获得最清晰的结果。GIF 输入使用静态帧;结果不是动画。

在图标显示的位置评估它

浅色和深色浏览器预览显示了同一图标在不同背景下的效果。

实际尺寸预览

编辑器显示 16 像素的浏览器标签页预览、单独的 16、32 和 48 像素图标,以及 Apple Touch 预览。小图标会显示出大徽标缩小后消失的细节。简化源文件或在其周围增加空间,直到最小的预览清晰可辨。Apple Touch 图像显示的尺寸小于其导出的 180 像素尺寸。

为您的艺术作品赋予清晰的轮廓

选择圆角正方形、正方形或圆形,并调整内容周围的空间。

适配、间距和透明度

“显示完整图像”将所有源边缘保持在图标内。“填充图标”覆盖可用区域,可能会裁剪边缘。“内容周围的空间”将填充从 0 调整到 35 百分比。选择“背景”或启用“透明背景”。圆角或圆形轮廓之外的透明像素保持清晰。这不会删除您上传的图像中已有的不透明背景。

创建一个独特的字母组合

设置字母、字体和对比色。

文本样式

文本/字母组合支持最多三个字符,包含现代无衬线体、经典衬线体和等宽字体样式。在支持的桌面浏览器上,选择“使用系统字体”并允许字体访问,以将设备上安装的字体系列填充到字体列表中。选择一个系列以更新实时预览,或使用上一个和下一个箭头来比较相邻字体。字体名称和文件不会被上传。文本会自动适应可用空间。更改字体或颜色后,请预览最小的图标尺寸。

选择 ICO 或完整的网站包

一个“开始”操作即可创建所选的下载内容。

文件与尺寸

多尺寸 ICO 包含 16、24、32、48、64、128 和 256 像素的图像,集成在一个 favicon.ico 文件中。网站图标包会创建一个包含该 ICO 的 ZIP 文件,其中包含 PNG 个图标(尺寸分别为 16、32 和 48 像素)、一个 180 像素的 Apple Touch 图标、192 和 512 像素的 Android 图标、一个 Web 清单文件以及 INSTALL.txt。网站名称将用于清单名称。

在您的网站上安装图标

ZIP 文件中包含 HTML 链接标签和对应的文件名。

使用安装文件

将压缩包内容上传到网站根目录,并将 INSTALL.txt 中的链接标签复制到页面头部。如果您将图标存放在子文件夹中,请更新 HTML 路径以及 site.webmanifest 文件内的路径。检查更新时,请清除浏览器缓存的图标或在新的标签页中进行测试。生成的清单仅为图标配置,并非渐进式 Web 应用的完整安装。

文件与处理

输入
PNG、JPG、JPEG、WebP、GIF 或文本字母组合
输出
一个多尺寸 ICO,或包含网站图标和安装文件的 ZIP 包

每个文件最大 25 MB。 每次运行仅限一个输入文件。

单张图像最大 25 MB,最高 60 百万像素,且单边不超过 16,000 像素。ICO 尺寸范围从 16 到 256 像素;打包后的最大 PNG 为 512 × 512 像素。

图标生成和预览均在您的设备上运行。本工具不会上传所选图像进行转换。

此工具在您的浏览器中处理并导出文件。下载的图像是一个独立文件;您设备上的源文件不会被覆盖。

刷新编辑器或下载页面将返回工具页面。 在开始新工作流之前,请先下载结果。 查看我们的 隐私政策 以了解文件处理方式。

常见问题

温馨提示

开始前的一些解答。

在您的设备上
我可以在不上传徽标的情况下创建网站图标吗?

可以。选择“文本”,输入您的首字母,然后在编辑器中选择字体、颜色、形状和间距。

ICO 文件中包含哪些尺寸?

ICO 包含七个基于 PNG 的帧:16、24、32、48、64、128 和 256 像素的正方形。浏览器会自动选择合适的帧。

网站 ZIP 包中包含什么?

它包含 favicon.ico、六个用于浏览器、Apple 和 Android 的 PNG 图标、site.webmanifest 文件以及包含 HTML 链接标签的 INSTALL.txt。

我的网站图标可以有透明背景吗?

可以。启用“透明背景”。这会保留源图像周围的透明区域;它不会移除照片中不透明的背景。

图像会上传进行转换吗?

不会。本工具在您的浏览器中生成并打包图标文件。请保留下载的文件,因为编辑器不是永久的项目存储空间。

我可以使用电脑上安装的字体吗?

可以,前提是您的浏览器支持本地字体访问。选择“文本/字母组合”,勾选“使用系统字体”并授予浏览器权限。您可用的字体系列将出现在字体列表中。如果拒绝权限或无法使用本地字体访问,则仍可使用内置样式。

广告

语言38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

选择您的语言。视频教程目前使用英语旁白。