把图片转换为 Favicon
直接在浏览器中把照片或 Logo 变成完整的 favicon 图标集 —— favicon.ico、apple-touch-icon 和网页应用 PNG —— 不上传任何内容。
隐私优先:每张图片都在你的浏览器中本地处理。任何内容都不会上传、存储或传输到任何服务器。
从一张图片到一整套图标
放入任意一张图片,取回网站所需的每个图标:用于标签页的多尺寸 favicon.ico、给 iOS 的 180px apple-touch-icon、给 Android 和 PWA 的 192 与 512px PNG、一个 web manifest,以及把它们接起来的 HTML。非方形图片会居中裁剪以适配,而形状、内边距和背景选项让你自由构图。
从设计上就是私密的
favicon 网站通常要先上传你的图稿才肯给结果。这里整套图标都用 Canvas API 在你的设备上生成,因此你的 Logo 绝不会被传输、存储或记录。它是即时的,页面加载后还能离线使用,而你下载到的,正是你的浏览器亲手生成的东西。
常见问题
- 制作 favicon 时我的图片会被上传吗?
- 不会。favicon.ico、PNG 图标和清单文件全部通过 Canvas API 在你的浏览器中本地生成。你的图片绝不会离开你的设备。
- 我会得到哪些尺寸和文件?
- 一个多分辨率的 favicon.ico(16、32 和 48px),16、32、48、180(apple-touch-icon)、192 和 512px 的 PNG 图标,一个 site.webmanifest,以及一段可粘贴到你 <head> 中的 HTML 代码。
- 我可以把 PNG 或 SVG 转换成 ICO 吗?
- 可以。放入一张 PNG、JPG、SVG 或 WebP,即可下载一个真正的 favicon.ico。SVG Logo 会先在本地以高分辨率栅格化。
- 什么样的图片效果最好?
- 简洁、高对比度的方形 Logo 图片。非方形图片会被居中裁剪以适配;可用内边距和形状控件把它调整成你想要的样子。
- 我该如何安装 favicon?
- 把套件解压到你网站的根目录,并把提供的 HTML 代码粘贴到页面的 <head> 中。大多数浏览器会自动识别 favicon.ico。