Crop
Crop (Pemilihan Area Gambar)
Proses memilih dan mengekstrak area persegi panjang tertentu dari gambar, membuang bagian luar untuk memperbaiki komposisi, fokus pada subjek, atau menyesuaikan rasio aspek.
Detail Teknis
Cropping mengekstrak subpersegi panjang dari kisi piksel, didefinisikan oleh offset (x, y) dan dimensi (lebar, tinggi). Tidak ada resampling yang terjadi — nilai piksel tetap tidak berubah, menghasilkan operasi tanpa kehilangan kualitas pada data gambar yang tidak terkompresi. Saat menyimpan, rekompresi lossy (JPEG) menambahkan artefak generasi — JPEG lossless cropping menghindari hal ini dengan beroperasi pada blok DCT secara langsung (dibatasi pada batas blok 8×8 atau 16×16). Varian cropping meliputi: cropping rasio aspek (mempertahankan rasio), content-aware cropping (analisis saliency otomatis), circle crop (mask alpha), dan smart crop (deteksi wajah/subjek). Implementasi browser menggunakan Canvas API: ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh).
Contoh
```javascript
// Crop image to specific region
const canvas = document.createElement('canvas');
canvas.width = cropWidth;
canvas.height = cropHeight;
const ctx = canvas.getContext('2d');
ctx.drawImage(
img,
cropX, cropY, cropWidth, cropHeight, // source rect
0, 0, cropWidth, cropHeight // dest rect
);
```