Tạo Ảnh Responsive
Tải lên một ảnh và xuất nó ở nhiều kích thước dùng ngay (Icon, XS, Thumbnail, Mobile, Tablet, Desktop) ở định dạng WebP, JPEG hoặc PNG. Rất phù hợp để tạo bộ srcset hoặc ảnh đại diện vuông từ một file gốc — mọi thứ chạy ngay trong trình duyệt nên ảnh không bao giờ rời khỏi máy bạn.
Các bước sử dụng
- Kéo & thả hoặc bấm để tải ảnh lên (JPG, PNG, WebP...). Công cụ hiển thị tên file và kích thước gốc theo pixel.
- Chọn Tỷ lệ cắt (Crop ratio): giữ nguyên bản gốc, hoặc ép về một tỷ lệ như 16:9, 4:3, 1:1 (vuông), 9:16, 21:9... Ảnh sẽ được cắt phủ (cover) và căn giữa theo tỷ lệ đó.
- Trong mục Kích thước cần tạo, tích chọn các chiều rộng bạn cần (Thumbnail, Mobile và Tablet được chọn sẵn; mỗi mục hiển thị chiều rộng pixel như 320px, 640px, 1024px).
- Chọn Định dạng đầu ra (WebP / JPEG / PNG), kéo thanh Chất lượng cho WebP/JPEG, và bật Cho phép phóng to nếu muốn tạo kích thước lớn hơn ảnh gốc.
- Bấm Tạo size. Mỗi kết quả hiện trong bảng gồm ảnh xem trước, thẻ loại/tỷ lệ, kích thước chính xác và dung lượng file.
- Dùng các nút trên từng dòng để sao chép data URL, tải một file, hoặc bấm Tải tất cả (zip) để tải toàn bộ kích thước một lần.
Mẹo
- Tắt Cho phép phóng to để bỏ qua mọi kích thước lớn hơn ảnh gốc — công cụ sẽ báo số kích thước bị bỏ qua thay vì phóng to gây mờ.
- Chọn tỷ lệ cắt 1:1 khi cần ảnh đại diện hoặc thumbnail vuông đồng nhất ở mọi kích thước.
- WebP cho file nhẹ nhất ở cùng chất lượng; chỉ dùng PNG khi cần đầu ra không mất dữ liệu (thanh Chất lượng bị ẩn với PNG vì đây là định dạng lossless).
Câu hỏi thường gặp
Tên file sẽ như thế nào?
Mỗi file được đặt tên <tênfile>_<size>_<rộng>x<cao>.<ext>, ví dụ photo_mobile_640x360.webp, để dễ nhận biết chiều rộng và breakpoint ngay lập tức.
JPEG có giữ được nền trong suốt không?
Không. JPEG không có kênh alpha nên vùng trong suốt sẽ được tô nền trắng. Hãy chọn WebP hoặc PNG nếu bạn cần giữ độ trong suốt.
Ảnh của tôi có bị tải lên máy chủ không?
Không. Toàn bộ việc cắt, thay đổi kích thước và mã hóa diễn ra cục bộ trong trình duyệt bằng canvas — không có gì được gửi đi, nên công cụ chạy được ngoại tuyến và bảo mật ảnh của bạn.