Tại sao mobile-first quan trọng?
Hơn 90% khách mời sẽ xem thiệp trên điện thoại — không phải máy tính. Một thiệp đẹp trên máy tính nhưng chữ quá nhỏ hoặc ảnh bị méo trên điện thoại là trải nghiệm tệ. M-Invite thiết kế canvas cố định 428.5 px rộng (tương đương iPhone 14 Pro Max) để tối ưu cho mobile.
1. Tối ưu hình ảnh
Nén ảnh trước khi upload
Ảnh cưới RAW thường nặng 5–20 MB — quá lớn cho thiệp điện tử. Nén về 1–2 MB trước khi upload:
- Dùng TinyPNG.com hoặc Squoosh.app để nén online miễn phí.
- Đặt độ phân giải tối đa 1200 px chiều rộng (đủ sắc nét trên Retina display).
Chọn định dạng phù hợp
- JPG: Cho ảnh chụp nhiều màu sắc (ảnh cưới, chân dung).
- PNG: Cho đồ hoạ, logo, ảnh cần nền trong suốt.
- WebP: Tốt nhất — nhỏ hơn JPG 30%, tương thích mọi trình duyệt hiện đại.
2. Tối ưu font chữ
Cỡ chữ tối thiểu
Trên canvas 428.5 px, cỡ chữ tối thiểu nên dùng:
- Thông tin chi tiết (địa chỉ, giờ giấc): 14–16 px
- Tiêu đề phụ: 18–24 px
- Tên cô dâu chú rể: 36–60 px
Giới hạn số font
Dùng tối đa 2 font trên một thiệp: 1 font serif cho tiêu đề và 1 font sans-serif cho nội dung. Nhiều hơn sẽ khiến thiệp rối mắt và tải chậm.
3. Tối ưu màu sắc
Tương phản chữ / nền
Đảm bảo tỷ lệ tương phản (contrast ratio) tối thiểu 4.5:1 cho text nhỏ. Kiểm tra nhanh bằng cách squint mắt nhìn thiệp — nếu vẫn đọc được chữ, tương phản đủ tốt.
- Tránh: chữ vàng nhạt trên nền trắng, chữ hồng nhạt trên nền kem.
- Ổn: chữ trắng trên nền tối, chữ nâu đậm trên nền kem, chữ vàng đậm trên nền đen.
4. Kiểm tra trước khi chia sẻ
Preview trong editor
Nhấn nút Preview (mắt kính) ở góc trên editor để xem thiệp như khách mời thật sự thấy — không có thanh công cụ hay selection.
Test trên điện thoại thật
- Lưu & xuất bản thiệp (chế độ draft cũng có link xem thử).
- Gửi link cho chính mình qua Zalo.
- Mở trên điện thoại Android và iOS (nếu có thể) để kiểm tra.
- Kiểm tra: chữ có đủ lớn không? Ảnh có bị vỡ pixelate không? Nhạc có phát không? Bản đồ có tải không?
Checklist cuối cùng
- Tên cô dâu, chú rể đúng chính tả chưa?
- Ngày, giờ, địa điểm chính xác chưa?
- Đồng hồ đếm ngược đặt đúng ngày giờ tiệc chưa?
- Bản đồ hiện đúng địa điểm chưa?
- Link nút "Xem đường đi" hoạt động chưa?
- Form RSVP nhận được dữ liệu chưa (thử gửi test)?
- Nhạc phát được khi nhấn nút nhạc chưa?
5. Tốc độ tải trang
Thiệp tải dưới 3 giây là lý tưởng. Nếu chậm hơn:
- Giảm số lượng widget (đặc biệt YouTube, photo album nhiều ảnh).
- Nén thêm ảnh trong thiệp.
- Kiểm tra file nhạc — nếu lớn hơn 5 MB, nên nén lại.