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 質量 和構圖一起的問題。

下一步:一張圖八個包、設計規範。

最後更新於