ConvertPixel

ConvertPixel · WEB APP

把 ConvertPixel 添加到主屏幕

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

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

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

应用图标生成器

从支持智能构图的图片、文字、106 个内置图标、你自己的 SVG / Iconfont Symbol 图标集，或可复现的 Identicon 开始 —— 一次导出 Android、iOS、watchOS、Wear OS、macOS、tvOS 与 Web 所需的全部尺寸。全程在浏览器生成，图形不会离开你的设备。

Favicon 生成器页面已经只预选 Web 平台。ZIP 同时包含浏览器后备图标、主屏图标、PWA 资源和引用它们的准确代码。人像背景移除专为人物设计 · 6.6 MB 本地模型
用于生成的 Web manifest。

前景构图

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

预览

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

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

平台

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

各平台的要求

共 7 个平台、61 个文件。

Android

各密度的 adaptive 两层、Android 13 主题图标的单色层、老设备回退图标，以及 Play 商店的列表图。

  • 108dp 的层里，只有居中 66dp 直径的圆保证不被裁。设备遮罩各不相同，最深可切到距中心 33dp，所以那个圆之外的重要内容在部分手机上会被切掉。
  • 背景层必须完全不透明，前景层可以带透明。背景透明会在部分启动器上显示成黑色或未定义区域。
  • Play 商店图是 512×512 的 32 位 PNG，不能带透明。不要自己加圆角和阴影 —— Google 会自动加，自己加会显示成双重效果。

iOS

默认、深色、着色三套 1024 图标，打包成可直接使用的 Xcode 资源目录，并附新版 Icon Composer 工作流所需的干净图层。

  • 自 Xcode 15 起，iOS、iPadOS 和 watchOS 只需要一张 1024×1024 —— 在资源目录里选单尺寸的 App Icon 集。仍然吐出十七个文件的生成器，描述的是更老的工作流。
  • 不能有透明。alpha 通道是 App Store 提交被拒最常见的原因之一，所以这里在导出前会先把 alpha 压掉。
  • 不要自己加圆角。iOS 会施加自己的圆角矩形遮罩，你自己切的圆角会被再遮一次，出来肉眼可见地不对。
  • Apple 现在支持默认、深色、透明和着色外观。这里会生成兼容的默认、深色与灰度着色资源；附带的干净图层可继续放进 Icon Composer，制作 Liquid Glass 与透明外观。

watchOS

当前 Icon Composer 所需的 1088×1088 画布，并附旧版 watchOS 资源目录兼容的 1024 图。

  • Apple 当前为 Apple Watch 指定的 Icon Composer 画布是 1088×1088，而旧版单尺寸资源目录使用 1024 图。这里两者都导出，覆盖当前与兼容工作流，不再把两套规格混为一谈。
  • 手表图标永远显示在一个圆里。请把主体居中、远离四角 —— 那四个角永远不会被看到。

Wear OS

手表应用的 Play 商店列表图，采用手表列表所要求的更紧的安全区。

  • Wear OS 应用走的是同一个 Play 商店，所以列表图是 512×512 且不能带透明 —— 但请把所有重要内容放在居中 384×384 的范围内，外圈可能被裁掉。
  • 阴影遮罩会被自动施加，上传时不要自带阴影。

macOS

完整 iconset 各尺寸，外加打包好的 .icns —— macOS 至今不能从单图自动生成。

  • macOS 是「单图工作流」的例外：资源目录仍然要求逐尺寸提供，所以这里生成完整的 iconset。
  • .iconset 目录里的文件名是固定的。改名会让 iconutil 失败，请保持导出时的结构不动。
  • 与 iOS 不同，macOS 图标不会被遮罩成某个形状。你给什么轮廓用户就看到什么轮廓，所以图形本身就该是你想要的形态。

tvOS

两种必需尺寸的视差分层图标，外加两张 Top Shelf 图。这里唯一图标不是方形的平台。

  • Apple TV 的图标是分层的而不是扁平的：默认三层（Back、Middle、Front，最多五层），当图标获得焦点时它们会相对移动。单张扁平图也能被接受，但会完全失去这个效果。
  • 两种图标尺寸都是 5:3 而非正方形 —— 主屏 800×480，App Store 1280×768。按方形设计的图形会在左右两侧留出背景。
  • 面向 tvOS 9.0 及以上的提交需要两张 Top Shelf 图：1920×720 和加宽的 2320×720。少任何一张都会卡住提交。

Web

Favicon、Apple touch icon、PWA manifest 图标与 maskable 变体，外加引用它们的 HTML 与 manifest 片段。

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

分享工具，不分享文件

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