Kích thước iPhone
Mỗi nhóm thiết bị nên có ít nhất 1 bộ; Apple khuyên dùng canvas lớn nhất.
| Thiết bị | Độ phân giải | Tỉ lệ |
|---|---|---|
| 6.7-inch Pro | 1290 × 2796 | 19.5:9 |
| 6.5-inch | 1242 × 2688 | 19.5:9 |
| 6.1-inch | 1170 × 2532 | 19.5:9 |
| 5.5-inch | 1242 × 2208 | 16:9 |
| 5.8-inch | 1125 × 2436 | 19.5:9 |
Kích thước iPad
| Thiết bị | Độ phân giải | Hướng |
|---|---|---|
| 12.9-inch Pro | 2048 × 2732 | Portrait |
| 11-inch Pro | 1668 × 2388 | Portrait |
| 10.5-inch | 1668 × 2224 | Portrait |
| 9.7-inch | 1536 × 2048 | Portrait |
Ghi chú
- Xuất PNG @2x để chữ luôn sắc nét
- Giữ safe area: 44 px trên / 34 px dưới
- Giới hạn gradient <30% tương phản tránh banding
- Nếu hỗ trợ multi-window, thêm ít nhất 1 canvas ngang
Checklist 30 giây
- Mockup trùng với UI đang gửi duyệt
- Tiêu đề đọc được ở 100%
- Viền thiết bị không bị cắt
- Ngôn ngữ trùng metadata
- Gradient đạt chuẩn WCAG AA
FAQ
Có cần ảnh 5,5 inch không?
Có, thiết bị cũ và vài thị trường vẫn dùng, nên giữ một bộ.
Có thể xoay ảnh dọc thành ngang không?
Không nên, Apple sẽ thêm viền đen; hãy thiết kế layout ngang riêng.
Lấy CSV ở đâu?
Xuất bảng trên hoặc tải gói CSV sau khi build static.