Mengubah Ukuran Gambar: Piksel, Rasio Aspek, dan DPI
Mengubah ukuran gambar tampak sederhana, tetapi pilihan di baliknya menentukan apakah gambar tetap tajam, bentuknya terjaga, dan ukuran filenya wajar. Panduan ini menjelaskan dimensi piksel, rasio aspek, kualitas resampling, DPI, dan cara memilih ukuran untuk layar.
Piksel, Dimensi, dan Ukuran File
Gambar digital adalah kisi piksel. Dimensinya, misalnya 4000 × 3000, menunjukkan jumlah piksel secara horizontal dan vertikal; jika dikalikan, hasilnya adalah jumlah piksel, dalam contoh ini 12 juta piksel (12 megapiksel). Mengubah ukuran berarti mengganti kisi itu dengan kisi baru dan menghitung setiap piksel baru dari piksel lama. Proses ini disebut resampling.
Jumlah piksel bertambah sebanding dengan kuadrat panjang sisi: jika lebar dan tinggi dibagi dua, yang tersisa hanya seperempat jumlah piksel. Karena itulah mengurangi dimensi sering kali paling banyak memperkecil file, meskipun format, pengaturan kualitas, dan banyaknya detail halus juga berpengaruh. Untuk menampilkan atau mengedit gambar, program mendekodenya menjadi piksel tak terkompresi, biasanya masing-masing 4 byte, sehingga foto 12 megapiksel membutuhkan sekitar 48 MB memori, sekecil apa pun ukuran filenya.
Pertahankan Rasio Aspek, atau Potong Terlebih Dahulu
Rasio aspek adalah perbandingan antara lebar dan tinggi: 4000 × 3000 adalah 4:3, dan 1920 × 1080 adalah 16:9. Jika rasio dipertahankan, Anda cukup menentukan satu sisi dan sisi lainnya menyesuaikan, sehingga foto 4000 × 3000 yang diubah ukurannya menjadi lebar 1.200 piksel akan berukuran 1200 × 900. Jika kedua sisi diatur secara bebas, gambar dengan rasio yang berbeda akan meregang atau gepeng, dan lingkaran berubah menjadi oval.
Untuk mendapatkan ukuran yang persis dengan bentuk yang berbeda tanpa distorsi, potong dulu gambar ke rasio aspek target, lalu ubah ukurannya. Dalam sekumpulan foto potret dan lanskap, lebar yang tetap membuat gambar potret menjadi tinggi: foto 3000 × 4000 dengan lebar 1.200 piksel menjadi 1200 × 1600.
Memperkecil atau Memperbesar Gambar
Saat gambar diperkecil, setiap piksel baru seharusnya merangkum beberapa piksel asli. Metode cepat yang hanya mengambil sampel dari beberapa piksel di dekatnya akan melewatkan detail pada pengecilan yang besar. Hasilnya tampak sebagai tepi bergerigi dan pola yang berkilau (aliasing atau moiré) pada kain, garis halus, dan teks. Resampling yang lebih baik memperhitungkan lebih banyak piksel sumber. Alat Ubah Ukuran Gambar LeedyBox memperkecil gambar secara bertahap menjadi setengahnya, dan setiap langkah merata-ratakan piksel yang berdekatan, sehingga hasilnya lebih halus dengan penskalaan browser. Gambar yang diperkecil secara drastis masih bisa terlihat agak lembut; LeedyBox tidak menajamkannya.
Saat gambar diperbesar, piksel baru diperkirakan dari piksel di sekitarnya, sehingga tepi menjadi lembut atau kotak-kotak dan tidak ada detail baru yang muncul. Perangkat lunak upscaling khusus dapat menambahkan detail yang tampak meyakinkan, tetapi detail itu dihasilkan, bukan dipulihkan. Jika Anda membutuhkan gambar yang lebih besar, sebisa mungkin gunakan file asli yang lebih besar.
DPI, PPI, dan Ukuran Cetak
DPI (dots per inch), atau lebih tepatnya PPI (pixels per inch), adalah angka yang disimpan dalam sebagian file gambar. Angka ini memberi tahu perangkat lunak pencetakan dan tata letak seberapa besar piksel harus dicetak; angka ini tidak mengubah pikselnya. Ukuran cetak dalam inci = piksel ÷ PPI (kalikan dengan 2,54 untuk sentimeter).
| Lebar gambar | Dicetak pada 300 PPI | Dicetak pada 150 PPI |
|---|---|---|
| 1.200 piksel | 4 inci (10,2 cm) | 8 inci (20,3 cm) |
| 2.400 piksel | 8 inci (20,3 cm) | 16 inci (40,6 cm) |
| 3.600 piksel | 12 inci (30,5 cm) | 24 inci (61 cm) |
Mengubah nilai DPI saja akan mengubah ukuran cetak, tetapi pikselnya tetap sama, sehingga gambar terlihat persis sama di layar. Untuk mencetak dengan tajam, Anda membutuhkan cukup piksel: cetakan 6 × 4 inci pada 300 PPI membutuhkan 1800 × 1200 piksel. Sekitar 300 PPI sering direkomendasikan untuk foto yang dilihat dari dekat; cetakan besar yang dilihat dari jauh dapat memakai nilai yang lebih rendah. LeedyBox tidak mempertahankan nilai DPI file asli, jadi atur ukuran cetak saat Anda mencetak.
Memilih Ukuran untuk Halaman Web dan Layar
Di halaman web, yang penting adalah lebar saat gambar ditampilkan. Tata letak diukur dalam piksel CSS, dan layar berkepadatan tinggi menggunakan dua piksel perangkat atau lebih untuk setiap piksel CSS di setiap arah. Karena itu, gambar yang ditampilkan selebar 600 piksel CSS membutuhkan sekitar 1.200 piksel agar terlihat benar-benar tajam di layar "2×", sedangkan foto 4.000 piksel di tempat yang sama membuang-buang bandwidth dan memori.
Ukur lebar tampilan terbesar dalam tata letak Anda, misalnya dengan alat pengembang browser. Dengan atribut srcset dan sizes, Anda dapat menyediakan gambar yang sama dalam beberapa lebar, misalnya 600, 1200, dan 1800 piksel, lalu browser mengunduh versi yang sesuai dengan layarnya. Jika formulir unggah, toko online, atau jejaring sosial meminta dimensi tertentu, periksa dokumentasi terbarunya, karena persyaratan seperti itu berbeda-beda dan dapat berubah.
Pilihan Format dan Mengubah Ukuran Banyak Gambar dengan LeedyBox
Setelah mengubah ukuran, pilih format berdasarkan isi gambar. Foto biasanya paling kecil dalam format JPG atau WebP. Tangkapan layar, logo, dan gambar dengan transparansi cocok disimpan sebagai PNG, atau WebP, yang juga mendukung transparansi. JPG tidak dapat menyimpan transparansi, sehingga area transparan menjadi putih, dan foto yang disimpan sebagai PNG bisa lebih besar daripada JPG aslinya. Lihat JPG vs PNG vs WebP vs AVIF untuk detailnya.
Alat Ubah Ukuran Gambar LeedyBox mengubah ukuran banyak gambar sekaligus di browser Anda, tanpa mengunggahnya:
- Pilih Piksel atau Persen (1 sampai 400%). Jika "Pertahankan rasio aspek" aktif, setiap gambar mempertahankan proporsinya sendiri.
- Gambar yang lebih kecil daripada target tidak diperbesar, kecuali Anda menonaktifkan opsi tersebut.
- "Sama dengan asli" mempertahankan JPG, PNG, dan WebP, serta menyimpan GIF, BMP, dan AVIF sebagai PNG. JPG dan WebP menggunakan kualitas 90 kecuali Anda mengubahnya.
- Orientasi kamera diterapkan, metadata tidak disalin, dan dua hasil atau lebih dapat diunduh sebagai file ZIP.
Untuk membuat file lebih kecil lagi, gunakan Kompres Gambar dan baca Penjelasan Pengaturan Kompresi Gambar.
Pertanyaan Umum
Apakah nilai DPI yang lebih tinggi membuat gambar lebih tajam?
Tidak. Nilai itu hanya memberi tahu perangkat lunak seberapa besar gambar harus dicetak. Ketajaman bergantung pada jumlah piksel dan ukuran saat piksel-piksel itu ditampilkan.
Mengapa file hasil pengubahan ukuran lebih besar daripada aslinya?
Biasanya karena foto disimpan sebagai PNG, kualitasnya lebih tinggi daripada file asli, atau gambarnya diperbesar.
Seberapa lebar sebaiknya foto untuk situs web?
Ambil lebar terbesar saat foto ditampilkan, lalu gandakan untuk layar berkepadatan tinggi. Jika foto juga ditampilkan lebih kecil, sediakan ukuran tambahan dengan srcset.