Về công cụ thay đổi kích thước ảnh này
Công cụ này đọc tệp ảnh của bạn, vẽ lên canvas HTML theo kích thước bạn chọn, rồi mã hóa lại thành JPEG, PNG hoặc WebP theo chất lượng đã đặt. Toàn bộ diễn ra trong trình duyệt qua canvas API — tệp gốc không bao giờ được gửi lên máy chủ.
Khóa tỷ lệ khung hình giữ chiều rộng và chiều cao tỷ lệ thuận khi bạn chỉnh một trong hai, tránh ảnh bị kéo giãn hoặc bóp méo. Chất lượng chỉ ảnh hưởng đến đầu ra JPEG và WebP; PNG luôn không mất dữ liệu nên thanh chất lượng không ảnh hưởng đến dung lượng tệp PNG.
Thay đổi kích thước ảnh ngay trên trình duyệt hoạt động ra sao?
Công cụ này vẽ ảnh của bạn lên một phần tử canvas HTML5 với chiều rộng và chiều cao mục tiêu, rồi đọc lại canvas dưới dạng một tệp ảnh mã hóa mới bằng canvas.toDataURL(). Ví dụ: một bức ảnh 3000x2000px đặt tỉ lệ 50% sẽ được vẽ lại ở 1500x1000px, sau đó mã hóa lại thành JPEG theo chất lượng bạn chọn, tất cả đều diễn ra ngay trong trình duyệt.
Các bước thay đổi kích thước và nén ảnh
- Kéo thả một ảnh vào vùng thả, hoặc nhấp vào đó để chọn tệp từ thiết bị của bạn.
- Chọn chế độ pixel để đặt chiều rộng và chiều cao chính xác, hoặc chế độ phần trăm để thu phóng theo tỉ lệ so với kích thước gốc.
- Giữ khóa tỉ lệ khung hình để tránh bị méo ảnh, hoặc tắt đi để đặt chiều rộng và chiều cao độc lập.
- Chọn định dạng đầu ra (JPEG, PNG hoặc WebP) và, với JPEG/WebP, chỉnh thanh trượt chất lượng để cân bằng giữa dung lượng tệp và chất lượng hình ảnh.
- Nhấn thay đổi kích thước để tạo ảnh mới, xem trước, và tải xuống trực tiếp từ trình duyệt.
Cách thu phóng theo pixel và phần trăm liên hệ với nhau
Chiều rộng mới (px) = Chiều rộng gốc x (Tỉ lệ % / 100) · Chiều cao mới (px) = Chiều cao gốc x (Tỉ lệ % / 100)
- Tỉ lệ khung hình = chiều rộng gốc / chiều cao gốc, giữ nguyên khi bật khóa
- Chất lượng (JPEG/WebP) = thiết lập từ 0 đến 100 đánh đổi dung lượng tệp lấy độ trung thực hình ảnh; PNG bỏ qua thiết lập này vì luôn không mất dữ liệu
Ví dụ kết quả thay đổi kích thước
| Kích thước gốc | Thiết lập | Kết quả |
|---|
| 3000 x 2000 px | 50% | 1500 x 1000 px |
| 1920 x 1080 px | Rộng 800 px (khóa tỉ lệ) | 800 x 450 px |
| 4000 x 3000 px | 25% | 1000 x 750 px |
| 1200 x 1200 px | Rộng 300 px (khóa tỉ lệ) | 300 x 300 px |
Câu hỏi thường gặp
Ảnh của tôi có thực sự không bao giờ được tải lên đâu cả không?
Đúng vậy. Toàn bộ quá trình thay đổi kích thước và nén chạy bằng API canvas có sẵn của trình duyệt — tệp được đọc cục bộ, vẽ lên canvas trong bộ nhớ, và mã hóa lại, không có bất kỳ yêu cầu mạng nào. Bạn có thể kiểm chứng bằng cách ngắt kết nối internet sau khi trang đã tải xong; công cụ vẫn hoạt động bình thường.
Vì sao tệp PNG vẫn nặng dù đặt chất lượng thấp?
Thanh trượt chất lượng chỉ áp dụng cho JPEG và WebP, dùng nén mất dữ liệu để đổi chi tiết lấy dung lượng nhỏ hơn. PNG dùng nén không mất dữ liệu, nghĩa là mọi pixel được giữ nguyên chính xác, nên dung lượng tệp phụ thuộc vào độ phức tạp của ảnh chứ không phải thiết lập chất lượng.
Vì sao ảnh sau khi đổi kích thước lại bị mờ hoặc vỡ hạt?
Phóng to ảnh vượt quá độ phân giải gốc đòi hỏi trình duyệt phải tạo ra dữ liệu pixel mới thông qua nội suy, làm mềm chi tiết nhỏ; thu nhỏ ảnh nhìn chung an toàn, nhưng phóng to đáng kể quá 100% thường làm giảm độ sắc nét.
Thay đổi kích thước theo pixel và theo phần trăm khác nhau ở điểm nào?
Chế độ pixel cho phép bạn nhắm đến kích thước đầu ra chính xác, ví dụ kích thước cụ thể yêu cầu cho một biểu mẫu hay website, còn chế độ phần trăm thu phóng theo tỉ lệ so với ảnh gốc, hữu ích khi bạn chỉ muốn một phiên bản nhỏ hơn hay lớn hơn mà không cần tính số chính xác.
Nên chọn định dạng nào khi đăng ảnh lên website hay mạng xã hội?
JPEG vẫn là lựa chọn phổ biến nhất cho ảnh chụp, với mức cân bằng dung lượng/chất lượng tốt quanh 70-85% chất lượng. WebP thường cho tệp nhẹ hơn ở cùng mức chất lượng và được hầu hết trình duyệt hiện đại hỗ trợ, còn PNG dành cho ảnh cần độ trong suốt hoặc vùng màu phẳng sắc nét (logo, ảnh chụp màn hình có chữ).
Ảnh gốc rất lớn có thể xử lý chậm hoặc chạm giới hạn bộ nhớ trình duyệt tùy thiết bị của bạn; chất lượng và khả năng tương thích của WebP có thể hơi khác nhau giữa các trình duyệt, và tỉ lệ phóng to cực cao sẽ không thêm chi tiết thật ngoài những gì ảnh gốc đã có.
Quyền riêng tư và an toàn
- Tính toán trong trình duyệt — Dữ liệu bạn nhập chỉ được tính trên thiết bị của bạn và không gửi tới máy chủ utilduck.
- Kết nối được mã hóa — Mọi trang đều dùng HTTPS nên không ai trên đường truyền đọc được nội dung.
- Không chia sẻ với bên thứ ba — Dữ liệu bạn nhập không được chuyển cho dịch vụ phân tích hay quảng cáo.
- Không lưu trữ — Kết quả không được lưu trên máy chủ nào và bạn không cần tạo tài khoản.
Cập nhật lần cuối: 2026-08-17