Resize
Thay đổi Kích thước (Chia tỷ lệ Ảnh)
Thao tác thay đổi kích thước pixel của ảnh bằng cách phóng to (mở rộng) hoặc thu nhỏ (giảm), sử dụng nội suy toán học để tính giá trị pixel mới ở độ phân giải mục tiêu.
Chi tiết kỹ thuật
Thu nhỏ loại bỏ pixel sử dụng trung bình diện tích hoặc siêu lấy mẫu, thường cho kết quả tốt. Phóng to phải suy luận giá trị pixel mới sử dụng nội suy: nearest-neighbor (giữ cạnh cứng, có pixel), bilinear (trung bình có trọng số của 4 pixel gần nhất), bicubic (trung bình có trọng số của 16 pixel, mượt hơn) và Lanczos (dựa trên sinc, sắc nét nhất không có hiệu ứng rung). Trong trình duyệt, Canvas drawImage() tuân theo cài đặt imageSmoothingEnabled và imageSmoothingQuality. CSS image-rendering: pixelated vô hiệu hóa nội suy cho pixel art. Để phóng to đáng kể, mạng siêu phân giải AI cho kết quả vượt trội hơn nhiều so với nội suy truyền thống.
Ví dụ
```javascript
// Resize image using Canvas API
const canvas = document.createElement('canvas');
canvas.width = 800;
canvas.height = 600;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0, 800, 600);
canvas.toBlob(blob => {
// Download resized image
saveAs(blob, 'resized.png');
}, 'image/png');
```