PWA Asset Generator là gì?
PWA Asset Generator là công cụ miễn phí giúp bạn tạo đầy đủ assets cần thiết cho Progressive Web App (PWA) chỉ từ một hình ảnh gốc. Tool tự động tạo ra favicon.ico, apple-touch-icon, icon trong nhiều kích thước khác nhau (16x16, 32x32, 192x192, 512x512...) và file manifest.json hoàn chỉnh. Tất cả xử lý đều diễn ra trên client-side, đảm bảo tốc độ nhanh và bảo mật tuyệt đối cho hình ảnh của bạn.
Kích thước Icon PWA Chuẩn
Tool tự động tạo icon theo đúng chuẩn PWA và Apple, bao gồm:
Favicon
favicon.ico (32x32) - Icon hiển thị trên tab trình duyệt
Mobile & Tablet
192x192, 384x384, 512x512 - Icon cho Android và màn hình home
Apple Touch Icon
180x180 - Icon cho iOS khi thêm vào home screen
Đa dạng kích thước
16x16, 32x32, 48x48, 72x72, 96x96, 120x120, 144x144, 152x152, 167x167
Manifest.json - Trái tim của PWA
File manifest.json là tập tin cấu hình quan trọng nhất của PWA, chứa thông tin về:
- •Tên ứng dụng (name, short_name) - Hiển thị khi cài đặt
- •Icons - Danh sách tất cả icon với các kích thước và mục đích sử dụng
- •Theme color - Màu chủ đạo của app bar và thanh địa chỉ
- •Start URL - URL khởi động khi mở app từ home screen
- •Display mode - Chế độ hiển thị (standalone, fullscreen...)
Tính năng nổi bật
Tải lên ảnh HD
Hỗ trợ PNG/JPEG với kích thước tối thiểu 512x512px để đảm bảo chất lượng tốt nhất
Tạo icon đa kích thước
Tự động resize và tạo 13+ icon sizes theo đúng chuẩn PWA và Apple guidelines
Manifest.json tự động
Sinh file manifest.json chuẩn với đầy đủ metadata và icon references
Favicon.ico
Tạo favicon.ico chuẩn cho SEO và hiển thị tab trình duyệt
Client-side Processing
100% xử lý trên trình duyệt, ảnh không upload lên server
Tải về ZIP
Đóng gói tất cả file vào một file .zip tiện lợi
Ứng dụng thực tế
PWA Development
Tạo nhanh assets cho dự án Progressive Web App, tiết kiệm hàng giờ làm thủ công
Website Branding
Tạo favicon và touch icon chuyên nghiệp cho website, tăng nhận diện thương hiệu
Mobile App Landing
Chuẩn bị assets cho trang web có thể cài đặt như native app trên mobile
Lợi ích SEO & UX
Favicon tăng CTR trên SERP - Người dùng dễ nhận diện website hơn
PWA tăng Core Web Vitals - Cải thiện ranking trên Google
Apple Touch Icon - Trải nghiệm native khi thêm vào iOS Home Screen
Manifest.json đầy đủ - Google index và hiểu rõ app của bạn
Lưu ý quan trọng
- •Ảnh nguồn nên có kích thước tối thiểu 512x512px, khuyến nghị 1024x1024px
- •Sử dụng ảnh có background trong suốt (PNG) để có kết quả đẹp nhất
- •Tất cả xử lý diễn ra local, ảnh không bao giờ được upload lên server
- •File ZIP bao gồm: favicon.ico, icons (13 sizes), manifest.json