PixelVault 的 favicon 生成器能把任意图片变成一整套完整的网站与应用图标,而无需上传任何内容。大多数“favicon 生成器”网站都要求你先把 Logo 发送到它们的服务器,才肯还你一个图标。在这里,每一个文件 —— 多分辨率的 favicon.ico、PNG 图标和清单文件 —— 都是在你的浏览器内部生成的,因此你的品牌图形绝不会离开你的设备。
现代网站需要的不止一个图标。浏览器读取一个小小的 favicon.ico 用于地址栏和标签页,iOS 需要一个 180×180 的 apple-touch-icon 放到主屏幕,Android 和 PWA 则使用 Web 清单中引用的 192 和 512px PNG。PixelVault 会从一张源图片一次性生成全部这些文件,并给你一段可直接粘贴的 HTML 代码,几秒钟就能接好。
图标的样子由你掌控。可以保持纯粹的方形、把边角变圆,或裁成圆形;添加内边距,让文字标志不会挤到边上;并选择透明或纯色背景。实时预览会以真实的 favicon 尺寸展示效果 —— 还包括一个模拟的浏览器标签页 —— 所以在下载之前你就清楚访客会看到什么。
工作原理
当你添加一张图片时,浏览器会把它解码到内存中,PixelVault 会按每种图标尺寸把它重新绘制到方形 canvas 上,并应用你选择的形状遮罩、内边距和背景。每张 canvas 都会用浏览器内置的编码器编码为 PNG,16、32 和 48px 的 PNG 会被封装进一个 favicon.ico(广受支持的 PNG-in-ICO 容器)。SVG Logo 会先在本地以高分辨率栅格化,因此图标始终保持清晰。
本地处理为何重要
在本地生成图标意味着你的 Logo —— 往往是尚未发布的品牌资产 —— 绝不会被第三方服务传输、存储或记录。它也是即时的:没有上传、没有排队、没有下载往返,而且页面加载后即使离线也照样能用。你下载到的,正是你的浏览器所生成的,不多一分。
支持的格式
- ICO — 多分辨率的 favicon.ico(16/32/48px),用于标签页和地址栏。
- PNG — apple-touch-icon(180px)以及 Android/PWA 图标(192 和 512px)。
- SVG — 仅支持输入 —— 矢量 Logo 会在本地栅格化,得到最清晰的图标。
- JPG / WebP — 与 PNG 一样,可作为源图片使用。
常见用途
- 为新网站或落地页创建 favicon.ico 和应用图标。
- 把 PNG 或 SVG Logo 转换成一个规范的多尺寸 ICO 文件。
- 为 PWA 生成 apple-touch-icon 和 Web 清单图标。
- 刷新品牌的 favicon 全套,而无需把 Logo 交给在线服务。