Tạo Icon iOS — Đủ Kích Thước App Store, iPhone, iPad
Công cụ miễn phí tạo icon iOS đủ kích thước từ một ảnh. Bao gồm App Store 1024px, iPhone và iPad. Không cho phép trong suốt. Xử lý trên trình duyệt.
Tại Sao Dùng Công Cụ Này?
Ứng dụng iOS yêu cầu file icon ở nhiều mật độ pixel khác nhau để hỗ trợ mọi mẫu iPhone và iPad. Mặc dù Xcode hiện đại có thể tự tạo kích thước từ nguồn 1024×1024 duy nhất, các dự án cũ, pipeline CI và một số quy trình submit vẫn cần tất cả kích thước được tạo sẵn. Công cụ này tạo bộ đầy đủ trong vài giây.
Bảng Kích Thước Icon Ứng Dụng iOS (2026)
| Mục Đích | Kích Thước (pixel) | Ghi Chú |
|---|---|---|
| App Store | 1024×1024 | Bắt buộc để submit |
| iPhone @3x | 180×180 | Icon chính iPhone |
| iPhone @2x | 120×120 | Icon chính iPhone |
| iPad Pro @2x | 167×167 | Icon chính iPad Pro |
| iPad @2x | 152×152 | Icon chính iPad |
| Spotlight @2x | 80×80 | Kết quả tìm kiếm |
| Cài Đặt @3x | 87×87 | Ứng dụng Cài đặt |
| Cài Đặt @2x | 58×58 | Ứng dụng Cài đặt |
| Thông Báo @3x | 60×60 | Badge thông báo |
| Thông Báo @2x | 40×40 | Badge thông báo |
Bảo Mật — Xử Lý 100% Trên Trình Duyệt
Ảnh của bạn được xử lý hoàn toàn trong trình duyệt bằng HTML5 Canvas API. Không có gì được upload lên server. Bạn có thể kiểm chứng bằng cách ngắt kết nối internet sau khi tải trang — công cụ vẫn hoạt động offline.
Mẹo: Apple tự động áp dụng bo tròn góc (mặt nạ squircle) cho icon ứng dụng — ĐỪNG tự bo tròn góc. Submit icon vuông hoàn hảo và để hệ điều hành xử lý hình dạng. Icon bo tròn trước trông sai vì bán kính góc của Apple thay đổi giữa các phiên bản iOS.
Mẹo Cho Icon Ứng Dụng iOS
- Không cho phép trong suốt — Apple từ chối icon có kênh alpha. Dùng màu nền đặc. Nếu logo có trong suốt, thêm nền trước khi tạo.
- 1024×1024 là bản chính — thiết kế và xuất ở 1024×1024, sau đó tạo tất cả kích thước nhỏ hơn từ nguồn này. Không bao giờ thiết kế ở kích thước nhỏ rồi scale lên.
- Giữ đơn giản — icon iOS thường được xem ở 60px trên màn hình chính. Nghệ thuật chi tiết phức tạp sẽ không nhận ra được. Hình dạng đậm, màu hạn chế và điểm nhấn duy nhất hoạt động tốt nhất.
- Đừng thêm bóng đổ hay hiệu ứng độ sâu — iOS tự thêm bóng tinh tế. Thêm bóng riêng có thể làm icon trông bị bóng đôi.
- Kiểm tra ở kích thước thực — dùng điện thoại để xem icon ở kích thước thực. Trông tốt ở 1024px có thể không đọc được ở 60px.