NICETOOL logo
Quảng cáo

Tạo PWA Assets - Tạo Icon & Manifest Ứng Dụng

Tạo icon PWA và manifest cục bộ trong trình duyệt. Ảnh của bạn không bao giờ rời khỏi thiết bị.

Tải lên ảnh

Kéo và thả ảnh vào đây hoặc click để chọn file

Hỗ trợ PNG/JPEG, tối thiểu 512x512px

Cấu hình Manifest

Xem trước Icons

192x192

192x192px

Android / Chrome

512x512

512x512px

Màn hình Splash

180x180

180x180px

Màn hình chính iOS

512x512

512x512px

Maskable (Thích ứng)

Xem trước Manifest

Liên kết HTML (Head)

💡 Tất cả xử lý được thực hiện trên client-side để đảm bảo quyền riêng tư và tốc độ.

Quảng cáo

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

1

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

2

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

3

Manifest.json tự động

Sinh file manifest.json chuẩn với đầy đủ metadata và icon references

4

Favicon.ico

Tạo favicon.ico chuẩn cho SEO và hiển thị tab trình duyệt

5

Client-side Processing

100% xử lý trên trình duyệt, ảnh không upload lên server

6

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ế

1

PWA Development

Tạo nhanh assets cho dự án Progressive Web App, tiết kiệm hàng giờ làm thủ công

2

Website Branding

Tạo favicon và touch icon chuyên nghiệp cho website, tăng nhận diện thương hiệu

3

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