Đổi kích thước ảnh miễn phí

Cách hoạt động

Đổi kích thước diễn ra hoàn toàn trong trình duyệt bằng Canvas API — cùng bộ máy hiển thị tích hợp trong Chrome, Firefox và Safari. Ảnh của bạn được vẽ lên canvas ngoài màn hình ở kích thước mới và mã hóa lại cục bộ; không có gì rời khỏi thiết bị.

1. 1
   Ảnh được trình duyệt giải mã

   Khi bạn thả hoặc chọn tệp, trình duyệt giải mã ảnh (JPEG, PNG, WebP, AVIF hoặc GIF) thành dữ liệu điểm ảnh thô qua HTMLImageElement. Kích thước điểm ảnh gốc được đọc và dùng để điền sẵn ô chiều rộng và chiều cao.
2. 2
   Canvas vẽ lại ở kích thước mới

   Nhấp Đổi kích thước sẽ đặt một HTMLCanvasElement ngoài màn hình theo chiều rộng và chiều cao bạn chọn, rồi gọi ctx.drawImage() để co giãn và vẽ mọi điểm ảnh vào kích thước mới. Với đầu ra JPEG, nền trắng được tô trước để vùng trong suốt không thành màu đen.
3. 3
   canvas.toBlob() mã hóa đầu ra

   Phương thức canvas.toBlob() tích hợp của trình duyệt mã hóa dữ liệu điểm ảnh sang JPEG, PNG hoặc WebP ở mức chất lượng bạn đặt. Nếu bạn chỉ định dung lượng tệp mục tiêu, tìm kiếm nhị phân 7 vòng tự động điều chỉnh tham số chất lượng cho đến khi đầu ra bằng hoặc nhỏ hơn dung lượng đó.
4. 4
   Xem trước và tải kết quả cục bộ

   Blob đã mã hóa được chuyển thành object URL cho bảng xem trước — không gọi máy chủ. Nhấp tải về sẽ lưu cục bộ với tên tệp bao gồm kích thước điểm ảnh cuối cùng.

Công cụ liên quan