网站图标生成器

image
favorite

将图片拖到这里

PNG、JPG 或 SVG

16px

32px

64px

128px

256px

设置

调整背景和输出

设置

选择尺寸并复制HTML代码

HTML代码

<link rel="icon" type="image/png" href="favicon.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">

在浏览器中制作网站图标

为浏览器标签页和 Web 应用创建网站图标文件与图标素材。

如何创建网站图标

  1. 选择图片或创建简单的表情符号设计。
  2. 预览网站图标,并选择尺寸和输出格式。
  3. 下载生成的 PNG 或 ICO 文件。

从徽标或表情符号创建网站图标

使用 PNG 徽标等图像,或在表情符号选项卡中构建一个简单的符号。图像源安装在正方形内,同时保持其比例。检查小预览:16 或 32 像素的详细徽标可能会变得难以识别。具有清晰间距的简单形状通常读起来更好。

选择 PNG 尺寸或多尺寸 ICO 图标

PNG 按钮保存所选尺寸。所有尺寸均下载 16、32、48、64、128 和 256 像素的单独 PNG 文件;它不是 ZIP 下载。 ICO 按钮创建一个包含 16、32 和 48 像素版本的 favicon.ico。该工具一次适用于一张图像或表情符号设计。

将下载的图标添加到您的网站

将下载的文件放在您自己的网站中,并将 HTML 链接示例调整为其实际文件名和位置。该示例使用 favicon.png,而 PNG 下载在文件名中包含其大小,因此请重命名文件或更新链接。此处生成网站图标不会将其发布到您的网站。渲染保留在您的浏览器中。

网站图标常见问题

可以用表情符号制作网站图标吗?

可以。使用表情符号编辑器即可制作简洁的网站图标。

图片会上传到服务器吗?

不会。网站图标在浏览器中生成,所选图片不会上传到 IMGIUM 自有服务器。

点击“所有尺寸”会下载一个网站图标 ZIP 压缩包吗?

否。它会启动六个单独的 PNG 下载。您的浏览器可能会询问是否允许多次下载。对于包含三种图标大小的单个文件,请使用 ICO 按钮。

为什么 HTML 示例与我的 PNG 文件名不匹配?

PNG 下载包含选定的尺寸,例如 favicon-32x32.png。将该文件重命名为 favicon.png 或将示例链接更改为您实际上传到站点的文件名。

需要不同的图标大小或源尺寸?

使用 ICO 转换工具选择要包含在 ICO 文件中的尺寸,也可以选择更大的尺寸。如果还需要自定义尺寸的普通图片,请另外调整原图的大小。