Thumbnail
Hình thu nhỏ (Ảnh Xem trước)
Phiên bản nhỏ, giảm kích thước của ảnh lớn hơn phục vụ như bản xem trước nhanh, thường được sử dụng trong thư viện, trình duyệt tệp và kết quả tìm kiếm để giúp người dùng nhận dạng nội dung mà không cần tải ảnh có độ phân giải đầy đủ.
Chi tiết kỹ thuật
Hình thu nhỏ thường được tạo bằng cách giảm mẫu ảnh gốc đến kích thước mục tiêu (100-300px ở cạnh dài nhất) sử dụng thuật toán lấy mẫu lại: nearest-neighbor (nhanh, có khối), bilinear (mượt, hơi mờ), bicubic (sắc nét hơn) hoặc Lanczos (chất lượng cao nhất, chậm nhất). Trong trình duyệt, drawImage() của Canvas API thay đổi kích thước ảnh phía client. Tạo hình thu nhỏ phía server sử dụng thư viện như Pillow (Python), Sharp (Node.js) hoặc ImageMagick. Hình thu nhỏ nên được lưu trữ riêng biệt thay vì tạo trên mỗi yêu cầu. Dữ liệu EXIF trong tệp JPEG thường chứa hình thu nhỏ được nhúng trong đoạn APP1.
Ví dụ
```javascript
// Thumbnail: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```