Tạo icon ứng dụng
Sinh favicon cổ điển, Apple touch icon, Android/PWA icon và web manifest trong một ZIP.
Công cụ ảnh cho developer
Tạo favicon, PWA icon, srcset và tài nguyên ảnh web
Tạo ZIP icon sẵn cài đặt, ảnh WebP responsive, placeholder LQIP/Data URI, spritesheet, ảnh pixel-art và texture hoàn toàn cục bộ.
Favicon + PWATool Office
Responsive srcsetTool Office
LQIP / Base64Tool Office
CSS spritesTool Office
Bộ tạo tài nguyên ảnh web
Một workflow developer xử lý các derivative ảnh và code snippet, không tách page theo từng kích thước icon hay loại placeholder.
Đang tải công cụ
Đang tải công cụ
Cách chuẩn bị ảnh cho website
Bắt đầu bằng ảnh nguồn sạch, chọn nhóm tài nguyên rồi tải filename đồng bộ cùng đoạn code cài đặt.
Tạo ảnh responsive
Xuất nhiều chiều rộng WebP và sao chép srcset/sizes để browser chọn tài nguyên phù hợp.
Tạo preview nhẹ
Dùng màu chủ đạo và Data URI mờ siêu nhỏ trong khi ảnh đầy đủ tải xuống.
Output sẵn dùng cho developer
ZIP chứa cả file ảnh và code, giảm lỗi đặt tên hoặc cài đặt thiếu.
Bộ kích thước chuẩn
Tạo kích thước phổ biến cho browser, Apple và PWA từ một ảnh vuông.
Gợi ý hiệu năng
Ảnh responsive và placeholder giúp tránh gửi một ảnh quá lớn cho mọi thiết bị.
Utility sáng tạo
Tạo hoặc tách spritesheet, phóng pixel-art và kiểm tra đường nối texture lặp.
Câu hỏi về tài nguyên ảnh web
Package gồm những kích thước favicon và PWA nào?
Có favicon 16, 32, 48 px, Apple touch icon 180 px và Android/PWA icon 192, 512 px.
Responsive srcset giúp gì?
Nó cung cấp nhiều chiều rộng ảnh cùng gợi ý layout để browser chọn tài nguyên phù hợp với slot hiển thị và mật độ pixel.
Placeholder Base64 có luôn nhanh hơn không?
Không. Nó bỏ một request nhỏ nhưng làm HTML/CSS tăng dung lượng; cần đo trên trang thật.