ConvertPixel · WEB APP

把 ConvertPixel 添加到主屏幕

Safari 需要从分享菜单安装这个网页 App。之后可像普通 App 一样打开,用过的工具还能离线使用。

  1. 点击 Safari 工具栏里的“分享”。

  2. 选择“添加到主屏幕”,再点击“添加”。

网站图标工作台

做一个缩到 16 像素依然清楚的 Favicon

可从图片、文字、内置图标、SVG 或可复现 Identicon 开始,在真实浏览器标签中预览,再下载完整网站图标包。全程本地生成,图片不会上传。

16·32·48一个 ICO 内的真实尺寸7可直接上线的文件0图片上传
用于生成的 Web manifest。

前景构图

阴影
只作用于系统不替你遮罩的平台。iOS 与 Android adaptive 图标由系统遮罩。

预览

最激进的 Android 启动器遮罩。安全区就是由它决定的 —— 内切圆之外的一切在这里都没了。

圆圈之外的内容可能被 Android 启动器的遮罩裁掉。

平台

生成完全在这个标签页里完成,文件不会上传;支持离线缓存的浏览器会保留已用功能,供断网时再次使用。

7 files · Web

下载一次,覆盖所有 Web 图标场景

页面已经只预选 Web 平台。ZIP 同时包含浏览器后备图标、主屏图标、PWA 资源和引用它们的准确代码。

多尺寸 favicon.ico

16、32、48 像素三张真实 PNG 帧装进同一个 ICO 容器,让浏览器和系统界面自行选择合适尺寸。

Apple Touch + PWA

包含不透明的 180px Apple touch icon、192px/512px 普通图标,以及保留安全区的 512px maskable 图标。

附带 HTML 与 Manifest

根据项目名生成可直接复制的 link 片段和 site.webmanifest,不用自己猜文件路径和 purpose。

三步完成安装

  1. 设计图形并检查“浏览器”预览,重点看标签栏里的极小图标;细节过多会最先在这里消失。
  2. 下载 favicon-pack.zip,把 web 文件夹中的文件复制到网站 public 目录。
  3. 把 favicon-snippet.html 贴入页面 head,并引用 site.webmanifest;部署后强制刷新,绕过浏览器旧图标缓存。

小像素需要另一套判断标准

预览用户真正看到的尺寸

512px 原图可以很漂亮,缩到 16px 却可能只剩噪点。浏览器场景同时展示标签栏和较大站点图标,让问题在下载前暴露。

不是把大 PNG 改名成 ICO

ICO 是容器格式。本站写入有效目录并独立渲染三个尺寸,不把最小尺寸留给老浏览器临时缩放。

隐私由架构保证

渲染、缩放、ICO 打包与 ZIP 生成都在当前标签页完成。首次使用可能下载程序代码,但没有任何请求携带你的图形。

Web
  • maskable 的 PWA 图标会被平台以和 Android adaptive 相同的方式遮罩,所以同样的居中安全区适用 —— 一个填满整张画布的图标会丢掉边缘。
  • apple-touch-icon 不能透明:iOS 会把它合成到黑色背景上,透明区域会在主屏上变成黑块。
  • 现代的 favicon.ico 仍然在一个文件里装 16、32、48 三种尺寸 —— 浏览器和系统界面会各取所需。
隐私优先

分享工具,不分享文件

把这个页面发给需要的人;链接不包含图片、文件名或使用记录。