Resize: Pengertian, Cara Kerja Interpolasi, dan Contohnya

Resize adalah tindakan mengubah resolusi atau ukuran horizontal dan vertikal suatu citra digital, baik memperkecil maupun memperbesar jumlah pikselnya. Karena citra digital tersusun dari kisi piksel, resize mengharuskan perangkat lunak menghitung ulang nilai warna setiap piksel baru dari piksel asal melalui proses yang disebut interpolasi atau pencuplikan ulang (resampling).

Pengertian resize dan bedanya dengan crop

Resize mengubah dimensi citra secara keseluruhan: citra 4000 kali 3000 piksel yang di-resize menjadi 1200 kali 900 piksel tetap memuat seluruh pemandangan, hanya dengan piksel lebih sedikit. Crop atau pemotongan justru membuang sebagian bidang citra tanpa mengubah kerapatan piksel bagian yang tersisa. Keduanya sering digabung, misalnya memotong ke rasio 16:9 lalu me-resize ke 1200 kali 675 piksel.

Cara kerja interpolasi saat resize

Dokumentasi resmi ImageMagick dan GIMP menjelaskan beberapa metode interpolasi. Nearest neighbor mengambil nilai piksel asal terdekat, cepat tetapi menghasilkan tepi bergerigi. Bilinear menghitung rata-rata tertimbang empat piksel tetangga sehingga lebih halus. Bicubic memakai enam belas piksel tetangga dan umumnya memberi hasil paling tajam untuk foto, sedangkan Lanczos memakai fungsi sinc terpotong dan dipilih untuk pengecilan bermutu tinggi.

Saat memperkecil, perangkat lunak yang baik menerapkan penapis untuk mencegah aliasing, yaitu pola moiré yang muncul bila detail halus dibuang begitu saja. Saat memperbesar, tidak ada informasi baru yang bisa diciptakan, sehingga citra tampak lembut atau kabur; inilah alasan pedoman foto redaksi umumnya melarang memperbesar citra jauh di atas ukuran aslinya.

Resize di halaman web

Standar HTML dan CSS memungkinkan peramban menampilkan citra pada ukuran berbeda dari ukuran aslinya lewat atribut width dan height atau properti CSS, tetapi berkas yang diunduh tetap berukuran asli. Untuk menghemat lalu lintas data, situs biasanya menyiapkan beberapa versi hasil resize dan memakai atribut srcset agar peramban memilih ukuran yang sesuai lebar layar. WordPress secara bawaan membuat beberapa ukuran turunan setiap kali gambar diunggah.

Contoh penggunaan istilah resize

Dalam kalimat, istilah ini muncul seperti pada “foto di-resize ke lebar 1200 piksel sebelum diunggah agar halaman memuat cepat” atau “jangan me-resize logo dengan menarik satu sisi saja karena proporsinya rusak”. Perubahan yang mempertahankan rasio lebar terhadap tinggi disebut resize proporsional.

Istilah terkait

Entri Kamus Telematika yang berkaitan dengan resize antara lain Smoothing untuk penghalusan hasil interpolasi, TIFF sebagai format citra yang sering di-resize, VGA (Video Graphics Array) dan XGA untuk standar resolusi layar yang menjadi acuan ukuran citra.

Rujukan

Sumber: Istilah-istilah dalam Bidang Teknologi, Telekomunikasi dan Informasi. ImageMagick, dokumentasi Resize or Scaling dan Resampling Filters. GIMP, dokumentasi Scale Image dan metode interpolasi. WHATWG, HTML Living Standard, atribut srcset pada elemen img. WordPress.org, dokumentasi ukuran gambar (image sizes).