Cách dùng Tạo Icon Ứng Dụng
- Thả một ảnh vuông — tốt nhất là PNG 1024 × 1024 px hoặc SVG.
- Chọn nền tảng, màu nền (icon iOS không thể trong suốt) và độ đệm tùy chọn.
- Xem trước kết quả rồi nhấn Download ZIP; kéo các thư mục vào Xcode và Android Studio.
Gói ZIP có gì
- iOS —
AppIcon.appiconsetvới mọi kích thước iPhone và iPad (từ 20 đến 1024 px) cùngContents.jsonkhớp. Kéo vàoAssets.xcassetstrong Xcode, thay thế AppIcon hiện có. - Android — các thư mục từ
mipmap-mdpiđếnmipmap-xxxhdpichứaic_launcher.pngvàic_launcher_round.png(48–192 px), lớp foreground cho adaptive icon (108–432 px), XML trongmipmap-anydpi-v26và tài nguyên màu nền. Sao chép các thư mục vàoapp/src/main/res. Kèm icon Play Store 512 × 512 px. - Web / PWA — favicon PNG, Apple touch icon 180 px, icon manifest 192 và 512 px, icon maskable và đoạn manifest sẵn sàng để dán.
Quy tắc nền tảng cần lưu ý
Icon iOS không được trong suốt — App Store Connect sẽ từ chối icon có kênh alpha — nên các vùng trong suốt sẽ được tô bằng màu nền. iOS tự bo góc, vì vậy hãy cung cấp ảnh vuông và đừng tự bo tròn. Adaptive icon Android cắt lớp foreground thành hình tròn, squircle hoặc hình vuông bo góc; hãy giữ phần quan trọng trong vùng trung tâm 66% (vùng an toàn) — đó chính là chức năng của thanh trượt padding adaptive.
Riêng tư theo thiết kế
Mọi thao tác đổi kích thước đều diễn ra trong trình duyệt của bạn bằng Canvas API; ảnh của bạn không bao giờ được tải lên.
Cũng được tìm dưới tên: app icon generator, tạo app icon ios, icon generator android, tạo icon android, appiconset generator, adaptive icon generator, tạo icon pwa, kích thước icon app android.
Các công cụ dùng kèm tốt với Tạo Icon Ứng Dụng
- Tạo PWA Manifest & Service Worker — Biến bất kỳ website nào thành PWA có thể cài đặt.
- Tạo Favicon — Tạo bộ favicon đầy đủ từ logo, một chữ cái hoặc một emoji: favicon.ico nhiều kích thước, Apple touch icon, icon Android/PWA, webclip cho Webflow, web manifest và các thẻ HTML để dán vào trang.
- Đổi kích thước ảnh — Đổi ảnh về đúng kích thước pixel hoặc theo phần trăm, cắt ảnh theo kích thước mạng xã hội, hoặc đưa ảnh vừa khung kèm màu nền.
- Chuyển đổi ảnh — Chuyển đổi mọi ảnh mà trình duyệt của bạn mở được — PNG, JPG, WebP, AVIF, GIF, BMP hoặc SVG — sang PNG, JPG, WebP hoặc AVIF, từng file một hoặc hàng trăm file cùng lúc.
Câu hỏi thường gặp
Ảnh gốc nên có kích thước bao nhiêu?
Ít nhất 1024 × 1024 px và là hình vuông. SVG cho kết quả sắc nét nhất ở mọi kích thước. Ảnh nhỏ hơn sẽ bị phóng to và có thể bị mờ ở các icon lớn nhất.
Vì sao icon iOS của tôi có nền trắng?
Apple không cho phép icon ứng dụng trong suốt, nên các vùng trong suốt sẽ được tô bằng màu nền bạn chọn. Hãy chọn màu phù hợp với thiết kế của bạn.
Adaptive icon Android là gì?
Từ Android 8, icon trên màn hình chính có lớp foreground và lớp nền tách biệt, hệ thống sẽ che thành các hình dạng khác nhau và tạo hiệu ứng chuyển động. Tệp ZIP bao gồm cả hai lớp cùng XML liên kết chúng.
Với Xcode 15 có còn cần đủ mọi kích thước iOS không?
Xcode có thể tạo các kích thước từ một icon 1024 px duy nhất, nhưng bộ đầy đủ cho bạn quyền kiểm soát các kích thước nhỏ và hỗ trợ các phiên bản triển khai cũ hơn. Cả hai cách đều hoạt động.
Tôi có thể cài Tạo Icon Ứng Dụng như một ứng dụng web và dùng khi không có mạng không?
Có. Tạo Icon Ứng Dụng là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.