Skip to Content
博客先看手机和程序坞

先看手机和程序坞,再导出

1024 画布上完整,不等于主屏幕上认得出。

细线、浅字、复杂渐变,到了 iPhone 网格和 Windows 任务栏会先死。2025-12-05 起,右侧可以切 iPhone / MacBook / Web。

Zapicon · 设备预览
iPhone1
MacBook·
Web·
zapicon.app

同一枚图标落到主屏幕、程序坞、浏览器标签。快捷键 1 / 2 / 3。

三种预览各看什么

iPhone。 看它会不会被旁边的图标比下去,会不会糊成一团。开 Apple 辅助线 对安全区。

MacBook。 看程序坞上的圆角矩形。macOS 比 iOS 更方一点。ICNS 大图可以有细节,小尺寸仍要能认。

Web。 看标签栏那一粒。favicon 16 和 32 是另一场考试。细节留在 180 / 512,别塞进 16。

快捷键:1 iPhone,2 MacBook,3 Web。见 快捷键

画布 512 / 1024 / 2048 只加快或放慢预览,不改 ZIP 里的尺寸。

不要做的

  • 不要只在 2048 上签名。先切到设备预览。
  • 不要用 Web 预览代替真实浏览器。它是比例,不是引擎。
  • 不要忽略 16px。Windows 任务栏糊,是 ICO 质量 和构图一起的问题。

下一步:一张图八个包设计规范