网站图标生成器

免费网站图标生成器。将图像或表情符号转换为带有圆角和背景的各种尺寸(16、32、180、192、512px)的图标,立即下载,无需注册。

由 Shehzad Munir 构建和维护 ·

网站图标生成器
Loading Favicon Generator
  • 图像工具
  • 自由的 · 无需注册
  • 在您的浏览器中运行
  • 5特点
Share

一个图标,各种尺寸

从任何图像或表情符号创建网站图标,然后下载您需要的各种尺寸:16 像素浏览器选项卡、180 像素 Apple 触摸图标和 192/512 像素 PWA 图标,带有圆角和背景颜色。

现代网站需要多种尺寸的图标,用于浏览器选项卡的 16 像素小图标,用于 iOS 主屏幕的 180 像素 Apple 触摸图标,以及用于 Android 和 PWA 清单的 192 像素和 512 像素图标。该生成器将您的图像或表情符号渲染到画布上的每种尺寸,因此您无需设计软件即可在一个地方获得清晰的图标。

特征

  • 从上传的图像或表情符号生成
  • 所有尺寸:16、32、48、64、180、192、512px + 下载全部
  • 圆角、填充和自定义背景
  • 复制就绪的 HTML <link> 和清单片段
  • Apple 触摸图标和 PWA 大小,本地运行

如何使用网站图标生成器

  1. 1

    选择来源

    选择表情符号或上传方形图像。

  2. 2

    风格它

    设置背景颜色并切换圆角。

  3. 3

    预览

    检查 16、32 和 64 像素预览。

  4. 4

    下载大小

    下载您的网站所需的每种尺寸。

常见用例

  • 为新网站制作图标
  • 为业余项目创建表情符号图标
  • 生成 PWA 和 Apple 触摸图标
  • 快速刷新站点的选项卡图标

详细指南

几秒钟内的表情符号图标

还没有标志吗?选择一个表情符号,选择一个背景颜色和圆角,你就会立即拥有一个独特的图标。更喜欢自己的艺术作品?上传一张方形图像,它会缩放到各种尺寸。一切都在您的浏览器中生成,因此您的图像永远不会离开您的设备。

您实际需要哪些图标尺寸

现代浏览器需要的文件比旧指南建议的要少得多。 favicon.ico 包含 16×16、32×32 和 48×48 像素图像,涵盖浏览器选项卡和旧版软件。当有人将您的网站保存到 iPhone 或 iPad 主屏幕时,会使用 180×180 PNG 苹果触摸图标。对于 Android 和可安装的 Web 应用程序,请将 192×192 和 512×512 PNG 添加到您的 Web 应用程序清单中。 SVG 图标是可选的,但可以完美缩放,并且可以切换深色模式的颜色。将 favicon.ico 放在您的网站根目录中,因为某些浏览器即使没有链接标签也会请求它。

设计一个 16 像素的图标

网站图标在浏览器选项卡中显示在大约 16 像素处,因此细节消失。使用单个粗体字母、简单符号或徽标标记,而不是带有文本的完整徽标。强烈的对比度和厚实的形状最能适应缩放;细线和渐变变得模糊。检查浅色和深色浏览器主题,因为深色图标可能会在深色标签栏上消失。表情符号图标是原型和个人网站的快速选择,但它们在每个操作系统上的呈现方式不同,因此请为品牌使用真实图像。

常见问题

我需要什么尺寸的网站图标?

浏览器选项卡至少为 32×32,iOS 至少为 180×180 Apple 触摸图标,Android 和 PWA 清单至少为 192×192 和 512×512 图标。该工具将全部导出。

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

是的。切换到表情符号模式,输入任何表情符号,选择背景和圆角,然后以各种尺寸下载。

源图像应该是正方形的吗?

是的:由于网站图标是方形的,方形图像可以提供最佳结果。非方形图像会缩放以适合。

我的图片上传了吗?

不会。所有内容都在浏览器中本地呈现,并且不会将任何内容发送到服务器。

如何从图像创建网站图标?

上传 PNG、JPG 或 SVG(或使用文本/表情符号),该工具会生成 favicon.ico 以及所有 PNG 尺寸、Apple 触摸图标和 Android 图标,以及可粘贴到您的网站的 HTML 片段。

网站需要什么图标大小和文件?

您需要 favicon.ico、16x16 和 32x32 PNG、180x180 Apple 触摸图标、192/512 Android 图标以及 Web 清单。生成器输出完整的包,准备投入。

我可以用文本或表情符号制作网站图标吗?

是的。输入字母或粘贴表情符号,选择颜色和形状,然后下载完整的多尺寸图标集。

来自杂志

All articles →