Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save tuannguyen29/bda6d54f645817bff0b504d0215c39b0 to your computer and use it in GitHub Desktop.

Select an option

Save tuannguyen29/bda6d54f645817bff0b504d0215c39b0 to your computer and use it in GitHub Desktop.
Mobile Push Notification – Character & Image Limit

Mobile Push Notification – Character & Image Limit

1. Notification Text

Giới hạn payload của FCM/APNs và giới hạn hiển thị trên thiết bị là hai khái niệm khác nhau.

Item Android iOS
Title – khuyến nghị ≤ 65 ký tự ≤ 50–65 ký tự
Body – khuyến nghị ≤ 240 ký tự ≤ 150–200 ký tự
Tổng notification payload ≤ 4 KB (4,096 bytes) ≤ 4 KB (4,096 bytes)

Giới hạn ký tự trên là khuyến nghị về khả năng hiển thị UI, không phải giới hạn cứng của Android/iOS. Nội dung dài hơn có thể bị truncate/collapse tùy thiết bị, OS version và trạng thái mở rộng notification.

2. Notification Image

Item Android iOS
Dung lượng ≤ 1 MB ≤ 1 MB
Tỷ lệ khuyến nghị 2:1 2:1 hoặc 1:1
Kích thước khuyến nghị 1024 × 512 px / 800 × 400 px 1024 × 512 px / 1024 × 1024 px
Format JPG / JPEG / PNG JPG / JPEG / PNG
URL HTTPS HTTPS

Android

Collapsed – Notification thu gọn

  • Image được thu nhỏ thành thumbnail 1:1.
  • Hệ thống có thể center-crop ảnh, phần hai bên của ảnh ngang có thể bị cắt.
  • Nội dung quan trọng nên đặt ở khu vực trung tâm.

Expanded – Notification mở rộng

  • Android sử dụng layout dạng BigPictureStyle để hiển thị image lớn hơn.
  • Tỷ lệ 2:1 là lựa chọn phù hợp cho giao diện mở rộng.
  • Ảnh vuông hoặc ảnh dọc có thể bị crop để phù hợp với layout.

iOS

Collapsed – Notification thu gọn

  • Image được hiển thị dưới dạng thumbnail 1:1.
  • Với ảnh ngang, phần hai bên có thể bị crop và hệ thống ưu tiên khu vực trung tâm.

Expanded – Notification mở rộng

  • Image được hiển thị lớn hơn với chiều rộng đầy đủ.
  • 2:1 là tỷ lệ phù hợp để sử dụng chung với Android.
  • iOS cũng hỗ trợ hiển thị linh hoạt các tỷ lệ như 4:3, 3:2 và 1:1.

Nguyên tắc Safe Zone

Nên đặt Logo, text, sản phẩm và thông tin quan trọng ở chính giữa ảnh, trong vùng có thể nhìn thấy khi ảnh bị crop thành thumbnail 1:1.

Do cả Android và iOS đều hoạt động tốt với tỷ lệ 2:1, có thể sử dụng một image chung cho cả hai nền tảng, ví dụ:

1024 × 512 px

Hình ảnh tham khảo:

Logo Hướng dẫn Markdown

Logo Hướng dẫn Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment