Thumbnail
Thumbnail (Gambar Pratinjau)
Versi kecil dari gambar asli yang berfungsi sebagai pratinjau, memungkinkan pengguna menjelajahi banyak gambar dengan cepat sebelum memilih mana yang akan dilihat dalam ukuran penuh.
Detail Teknis
Thumbnail dibuat melalui downsampling gambar sumber menggunakan filter interpolasi: nearest-neighbor (cepat, piksel), bilinear (halus, agak buram), bicubic (lebih tajam, lebih lambat), dan Lanczos (terbaik, paling lambat). Ukuran umum: 150×150 (galeri), 320×180 (video 16:9), 600×600 (e-commerce). Rasio aspek asli harus dipertahankan dengan cropping atau letterboxing. Optimasi web: format WebP/AVIF, lazy loading (loading="lazy"), srcset untuk perangkat retina, blur placeholder (LQIP — gambar Base64 sebaris, ~200 byte). EXIF thumbnail (tertanam dalam JPEG, biasanya 160×120) memberikan pratinjau instan tanpa decoding gambar penuh.
Contoh
```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)
```