fixmint
ZH

用图片制作网站图标(favicon)

拖入方形 logo 或图片,也可以输入一个字母,然后将所有尺寸的图标打包成一个 ZIP 下载。

  • 在您的设备上运行
  • 无需注册
  • 访问过一次后可离线使用
标签页
标签页
180 像素
512 像素
页面头部 HTML

    

如何制作网站图标

  1. 拖入方形 logo 或图片,也可以输入一个字母生成简单图标。
  2. 查看预览效果,选择留白和背景。
  3. 下载 ZIP 压缩包,并将 HTML 代码粘贴到网页的 head 部分。

常见问题

我需要哪些尺寸?

包含 16、32 和 48 像素图片的 favicon.ico 可用于浏览器标签页和 Windows。如果要在 iPhone 和 iPad 主屏幕上显示,请添加 180 像素的苹果触摸图标;如果网站有 Web 应用清单(manifest),还需要 192 和 512 像素的 PNG 图标。ZIP 压缩包中已包含以上所有文件。

为什么我的 logo 在 16 像素下很模糊?

16 × 16 的尺寸无法保留精细的细节。建议使用简单的标志,或一两个对比度高的字母;预览会显示图标在标签页中的实际效果。

文件应该放在哪里?

将文件上传到网站的根目录,并把 HTML 代码粘贴到页面的 head 部分。浏览器也会自动查找 /favicon.ico。

我的图片会被上传吗?

不会。图标由您的浏览器生成,任何内容都不会离开您的设备。

评价

    还没有评价。快来抢先评价。

    你的评分

    你的邮箱不会被显示或保存。

    阅读更多