Công cụ chấp nhận PNG, JPG/JPEG và WebP. Hãy xuất SVG thành PNG vuông đủ lớn trong công cụ thiết kế trước khi tải lên; đổi phần mở rộng tên tệp không chuyển đổi định dạng ảnh.
Tạo icon ứng dụng cho iOS & Android
Chuyển thiết kế PNG, JPG hoặc WebP thành gói icon iOS hoặc Android dạng ZIP. Xuất các kích thước PNG tĩnh, tệp Contents.json cho iOS và icon tròn Android tùy chọn. Kiểm tra các tài nguyên trong dự án trước khi phát hành.
Gói icon ứng dụng gồm những gì?
Dùng công cụ tạo icon ứng dụng này khi đã có thiết kế và cần tài nguyên PNG cho dự án ứng dụng gốc. Chọn iOS, Android hoặc cả hai; tệp ZIP chứa các tệp bên dưới cho nền tảng đã chọn. Công cụ không tạo logo mới hay icon thích ứng gồm nhiều lớp.
| Nội dung xuất | Tệp và kích thước | Vị trí lưu |
|---|---|---|
| iOS | 15 tệp PNG, từ 20×20 đến 1024×1024, cùng Contents.json. Một số kích thước được lặp lại cho các ô tài nguyên khác nhau. | ios/AppIcon.appiconset/; bao gồm Icon-1024.png làm tài nguyên cho App Store. |
| Trình khởi chạy Android | 5 tệp PNG hình vuông: 48, 72, 96, 144 và 192 px. | Từ android/mipmap-mdpi/ đến mipmap-xxxhdpi/, mỗi thư mục có ic_launcher.png. |
| Icon tròn Android | 5 tệp PNG bổ sung ở cùng các mức mật độ điểm ảnh khi bật Tạo icon tròn. | ic_launcher_round.png trong từng thư mục mipmap của Android. |
| Google Play | 1 tệp PNG ở kích thước 512×512. | android/playstore-icon.png; kiểm tra yêu cầu về hình ảnh của cửa hàng trước khi tải lên. |
Đây là chức năng xuất ảnh tĩnh. Gói không bao gồm các lớp tiền cảnh/nền cho icon thích ứng của Android, XML cho icon thích ứng, lớp đơn sắc hay tệp Apple Icon Composer.
Chuẩn bị thiết kế trước khi tạo các kích thước
Hỗ trợ PNG, JPG/JPEG và WebP; khuyến nghị dùng ảnh nguồn hình vuông. Ảnh nguồn 1024×1024 rõ nét là điểm khởi đầu phù hợp cho đầu ra iOS lớn nhất; ảnh nhỏ hơn có thể được phóng lớn, nhưng phóng lớn không khôi phục được chi tiết đã thiếu.
Tự chọn vùng cắt
Ảnh không vuông được đổi kích thước và cắt từ tâm để lấp đầy từng icon vuông. Dùng Cắt ảnh trước nếu logo lệch tâm hoặc cần kiểm soát phần mép được giữ lại.
Chừa khoảng trống quanh hình biểu trưng
Kiểm tra thiết kế ở kích thước nhỏ. Chữ mảnh và các chi tiết có thể khó đọc, còn mặt nạ hình tròn tùy chọn có thể cắt mất phần hình gần các góc.
Chuẩn bị cho nền trắng
Các vùng trong suốt của ảnh nguồn được tô trắng trong icon PNG tiêu chuẩn. Sau đó, các phiên bản Android tròn được áp dụng mặt nạ hình tròn, để lại các góc trong suốt bên ngoài đường tròn.
Tải lên thiết kế hoàn chỉnh chưa áp dụng mặt nạ bo tròn ở viền ngoài. Giữ bản thiết kế gốc để có thể điều chỉnh vùng cắt, khoảng đệm hoặc nền sau này.
Cách tạo gói icon ứng dụng dạng ZIP
1
Tải ảnh nguồn lên
Chọn PNG, JPG/JPEG hoặc WebP. Kiểm tra chủ thể nằm giữa và ảnh nguồn đủ sắc nét cho kích thước lớn nhất cần dùng.
2
Chọn nền tảng đích
Chọn iOS + Android, Chỉ iOS hoặc Chỉ Android. Khi xuất cho Android, quyết định có thêm các phiên bản PNG tròn tùy chọn hay không.
3
Tạo và tải xuống
Chọn Tạo icon ứng dụng, đợi xử lý hoàn tất rồi tải gói ZIP. Giải nén để kiểm tra hình ảnh và cấu trúc thư mục.
4
Kiểm tra trong dự án
Kiểm tra các ô tài nguyên iOS hoặc tham chiếu tài nguyên Android trong công cụ phát triển. Xem trước icon nhỏ và chạy kiểm tra hợp lệ của nền tảng trước khi phát hành.
Dùng các tệp trong Xcode hoặc dự án Android
Trước tiên, giải nén ZIP vào thư mục tạm. Hợp nhất các tài nguyên cần dùng thay vì thay thế toàn bộ thư mục tài nguyên hiện có.
Danh mục tài nguyên iOS
Kiểm tra AppIcon.appiconset và Contents.json, rồi thêm hoặc gán các ảnh vào tài nguyên icon ứng dụng trong Xcode. Đối chiếu target, các ô bắt buộc và cảnh báo khi xây dựng với hướng dẫn về danh mục tài nguyên của Apple.
Tài nguyên Android
Sao chép các ảnh mipmap đã chọn vào thư mục tài nguyên tương ứng và kiểm tra các tham chiếu icon trình khởi chạy trong dự án. Nếu ứng dụng dùng icon thích ứng, hãy chuẩn bị và cấu hình riêng các lớp; tệp PNG tròn không thay thế tài nguyên icon thích ứng của Android.
Hình ảnh trên cửa hàng và icon trình khởi chạy sau khi cài đặt được dùng ở những vị trí khác nhau. Kiểm tra thông số icon Google Play trước khi dùng playstore-icon.png.
Câu hỏi về xuất icon ứng dụng
Không. Công cụ đổi kích thước và đóng gói ảnh được cung cấp. Hãy tạo thiết kế trước, rồi dùng trang này để xuất tài nguyên icon tĩnh.
Dùng Tạo favicon để tạo gói biểu tượng cho trang web. Để tạo icon ICO từ PNG, dùng PNG sang ICO, rồi giải nén ZIP đã tải xuống và chọn tệp ICO cần dùng. Trang này xuất tài nguyên cho dự án iOS và Android gốc.
Ảnh được tải lên và xử lý trên máy chủ. Tệp tải lên và kết quả tạm thời được lên lịch dọn dẹp, vì vậy hãy tải gói xuống khi sẵn sàng và giữ ảnh nguồn. Dịch vụ không phải nơi lưu trữ tệp vĩnh viễn.