Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> iOS

Kích thước và bán kính bo góc chính xác của App Icon iPhone

Mỗi ứng dụng iOS cần nhiều kích thước icon cho các ngữ cảnh khác nhau: App Store, Home Screen, Spotlight, Settings, Notifications. Dưới đây là quy chuẩn chính xác.

Quy tắc chung cho mọi App Icon

  • Định dạng: PNG (không dùng JPEG).
  • Không trong suốt (no transparency) – nền phải đầy đủ.
  • Hình vuông, không bo góc (square, no rounded corners) – hệ thống tự bo góc khi hiển thị.
  • Không thêm bóng, viền, hiệu ứng – hệ thống tự xử lý.

Kích thước bắt buộc (App Store Connect)

  • App Store Icon (1024x1024 pt) – Bắt buộc khi submit App Store. Dùng cho App Store listing.

Kích thước cho App Bundle (Xcode Asset Catalog)

Dựa trên hệ số scale 1x, 2x, 3x. Hiện nay (iOS 13+) chỉ cần 2x và 3x (1x không còn dùng).

Loại Icon1x (pt)2x (px)3x (px)
App Icon (iPhone)60120x120180x180
App Icon (iPad)76152x152167x167
Spotlight Search4080x80120x120
Settings2958x5887x87
Notifications2040x4060x60
App Store (iOS 11+)10241024x1024-

Kích thước và bán kính bo góc chính xác của App Icon iPhone

Cách quản lý trong Xcode

  1. Mở Assets.xcassets > AppIcon.
  2. Kéo thả ảnh đúng kích thước vào từng ô trống (2x, 3x).
  3. Xcode tự validate kích thước – ô nào sai size sẽ báo lỗi.

Công cụ hỗ trợ

  • App Icon Generator: appicon.co, makeappicon.com – upload 1024x1024, tự sinh tất cả size.
  • Xcode 13+: Hỗ trợ App Icon từ single 1024x1024 (App Icon Set > Single Scale).

Lưu ý: Từ iOS 13, App Icon có thể dùng Layered Image (cho Dark Mode) và Alternate App Icons (cho phép user đổi icon trong Settings).