网站图标生成器

拖放文件到此处或单击此处上传.


安装

首先,使用下载按钮下载下面列出的文件。 将文件放在网站的根目录中。

  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • apple-touch-icon.png
  • favicon-16x16.png
  • favicon-32x32.png
  • favicon.ico
  • site.webmanifest

接下来,复制以下链接标签并将它们粘贴到您的 HTML 中。head

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">



关于图标生成器

如果您已经有想要用于网站的图标,这是您需要的工具。该图标生成器将把你的图像转换为网站图标。您可以上传PNG、JPG或BMP,图标生成器将输出 ICO 文件。

为了获得最佳效果,您应该上传一张正方形图像。如果您需要裁剪,请使用标准图像编辑工具 图像。准备好图像后,使用该工具上传图像。接下来,验证预览图像是否符合您的喜好。 最后,使用下载按钮在ICO中导出您的图标格式。

为什么我需要ICO文件而不是PNG?

ICO文件是浏览器使用的特殊图像文件。这 ICO文件的独特之处在于它是多种规格的。每个图标包含不同大小的图像。 ICO格式的图标的常见尺寸是16x16px,32x32px, 和 48x48 像素。

为了获得最佳兼容性,Web浏览器可以利用由图标生成器生成的ICO文件 。浏览器将使用不同尺寸的显示网站,如书签栏、地址栏、 浏览器选项卡,并作为桌面快捷方式。

哪些类型的图像最适合图标生成器?

网站图标生成器最适合使用简单的图标、徽标或文字。错综复杂的设计显示效果不佳。使用图标生成器调整大小,因为很多细节是 失去。如果您的徽标非常复杂,我们建议您生成使用替代生成器的文本中的图标。