Penjelasan Resolusi Gambar dan DPI: Piksel, PPI, dan Ukuran Cetak

Terakhir diperbarui: June 27, 2026

Resolusi dan DPI adalah dua angka yang paling membingungkan orang tentang ukuran gambar. Resolusi adalah jumlah piksel (misalnya, 3000×2000). DPI/PPI adalah seberapa rapat piksel-piksel itu dikemas saat dicetak (misalnya, 300 piksel per inci). Keduanya independen: file piksel yang sama akan dicetak pada ukuran fisik yang berbeda tergantung pada DPI yang Anda atur. Panduan ini menjelaskan arti masing-masing, kapan DPI penting (cetak) dan kapan tidak (layar), serta resolusi yang dibutuhkan setiap kasus penggunaan.

Jawaban cepat: resolusi dan DPI apa yang saya butuhkan?

Cocokkan piksel dengan ukuran tampilan; DPI hanya penting untuk cetakan. Saya menguji gambar web 1600px pada 72 dan 300 DPI dan tidak mendeteksi perbedaan visual sama sekali di layar — peramban mengabaikan tag DPI dan merender berdasarkan dimensi piksel, itulah sebabnya pekerjaan web berorientasi piksel (pixel-first).

Untuk layar, hanya dimensi piksel yang penting. Untuk cetakan, bagi piksel dengan DPI untuk mendapatkan ukuran fisik: inches = pixels / DPI.

Apa itu resolusi gambar?

Resolusi adalah dimensi piksel dari sebuah gambar — berapa banyak piksel lebarnya dan tingginya. Gambar 3000×2000 memiliki 6 juta piksel (6 megapiksel). Lebih banyak piksel berarti lebih banyak detail dan file yang lebih besar, serta kemampuan untuk mencetak atau menampilkan lebih besar sebelum gambarnya terlihat berpiksel.

Resolusi adalah properti absolut dari file. Foto 3000×2000 adalah 3000×2000 baik di ponsel, halaman web, atau cetakan — jumlah pikselnya tidak berubah.

Apa itu DPI / PPI?

DPI (dots per inch) dan PPI (pixels per inch) adalah pengaturan kepadatan: berapa banyak piksel yang dipadatkan ke setiap inci keluaran. PPI secara teknis benar untuk gambar digital; DPI mengacu pada titik printer, tetapi istilah-istilah tersebut digunakan secara bergantian dalam praktik.

Hubungannya sederhana: ukuran fisik = piksel ÷ PPI. Gambar lebar 3000px pada 300 PPI mencetak selebar 10 inci (3000 ÷ 300). Gambar yang sama pada 150 PPI mencetak selebar 20 inci. Pikselnya sama, ukuran fisiknya berbeda — detail file tidak berubah, hanya seberapa besar setiap piksel di atas kertas.

Apakah DPI penting untuk layar?

Tidak. Peramban dan layar merender gambar berdasarkan piksel, bukan metadata DPI/PPI. Gambar lebar 1600px ditampilkan pada 1600 CSS pixels terlepas dari apakah tag DPI-nya mengatakan 72, 300, atau yang lainnya. Mengubah pengaturan DPI di editor gambar tidak mengubah tampilan gambar di halaman web.

Aturan "72 DPI untuk web" adalah mitos yang tersisa dari monitor lama. Untuk gambar web, atur DPI apa pun yang Anda suka — itu tidak berpengaruh pada tampilan. Yang penting adalah dimensi piksel dan ukuran file. Panduan optimasi gambar Google berfokus pada byte dan ukuran tampilan, bukan DPI.

Resolusi berapa yang saya butuhkan untuk setiap kasus penggunaan?

Pilih resolusi berdasarkan tempat gambar ditampilkan:

• Thumbnail web: ~400px — tampilan kecil, file mini.
• Gambar konten web: 800–1200px — tajam di ponsel dan desktop.
• Hero web: 1600–1920px — lebar penuh, siap retina.
• Cetak kecil (4×6"): ~1800×1200 pada 300 PPI.
• Cetak besar / ruang kepala potong: 3000px+.

Untuk web, ubah ukurannya ke ukuran tampilan sebelum mengompres — lihat panduan mengubah ukuran batch. Untuk cetak, hitung dari ukuran fisik × 300 PPI.

Bagaimana cara menghitung resolusi cetak?

Kalikan ukuran fisik dengan PPI untuk mendapatkan piksel yang Anda butuhkan:

pixels = inches × PPI

Contoh pada 300 PPI (standar untuk cetakan tajam):

Kesalahan umum adalah mengirim gambar berukuran web (1200px) untuk dicetak pada 8×10" — itu hanya ~150 PPI, yang terlihat lembut jika dilihat dari dekat. Untuk cetak, mulailah dari master resolusi tinggi; lihat panduan mengubah RAW menjadi JPG.

Bagaimana cara mengubah resolusi dan DPI?

Mengubah dimensi piksel (mengubah ukuran) benar-benar mengubah gambar — itu menambahkan atau menghapus piksel:

## Ubah ukuran menjadi 1920px lebar (mengubah piksel aktual)
magick input.jpg -resize 1920x output.jpg

Mengubah tag DPI/PPI tidak mengubah piksel — itu hanya memberi label ulang file untuk penentuan ukuran cetak:

## Atur metadata DPI menjadi 300 (tanpa perubahan piksel)
magick input.jpg -density 300 -units PixelsPerInch output.jpg

Di editor, "Image Size" mengubah piksel; "DPI/Resolution" (tanpa resampling) hanya memberi label ulang. Pastikan Anda tahu mana yang sedang Anda lakukan.

Apa perbedaan antara megapiksel, resolusi, dan ukuran file?

Ketiga hal ini sering disamakan tetapi mengukur hal yang berbeda. Megapixels adalah total jumlah piksel (lebar × tinggi ÷ 1 juta) — gambar 3000×2000 adalah 6 megapiksel. Resolusi adalah dimensi lebar × tinggi dalam piksel. Ukuran file adalah byte pada disk, yang tergantung pada format dan kompresi, bukan hanya jumlah piksel. PNG 6-megapiksel dapat berukuran 12 MB sementara JPEG 6-megapiksel dengan konten yang sama berukuran 1.5 MB — resolusi sama, ukuran file sangat berbeda. Untuk pekerjaan web, Anda peduli tentang resolusi (untuk ketajaman pada ukuran tampilan) dan ukuran file (untuk kecepatan), dan megapiksel terutama berguna saat membandingkan sensor kamera. Referensi resolusi dan ukuran gambar Adobe mencakup hubungan ini dalam konteks editor.

Kesalahan umum

• Percaya bahwa DPI mempengaruhi tampilan web. Itu tidak — peramban menggunakan piksel. Atur ke apa pun.
• Mengirim gambar berukuran web untuk dicetak. Gambar 1200px pada 8×10" hanya 150 PPI dan terlihat lembut.
• Menyamakan resize dengan label ulang DPI. Mengubah ukuran mengubah piksel; mengubah DPI tanpa resampling tidak.
• Meningkatkan skala untuk mencapai DPI cetak. Peningkatan skala tidak dapat menciptakan detail — tangkap ulang atau terima kelembutan. Lihat cara meningkatkan gambar.
• Terlalu besar ukuran gambar web. Gambar web 4000px adalah unduhan 4000px yang ditampilkan pada 800px — byte terbuang.

Pertanyaan yang sering diajukan

Apakah DPI 72 diperlukan untuk gambar web?

Tidak. Itu mitos. Tampilan web hanya bergantung pada dimensi piksel; tag DPI diabaikan oleh peramban.

DPI berapa yang saya butuhkan untuk cetak?

300 PPI untuk cetakan tajam pada jarak baca. Poster yang dilihat dari kejauhan dapat menggunakan 150–200 PPI.

Apakah DPI lebih tinggi berarti kualitas lebih tinggi?

Hanya untuk cetak, dan hanya jika Anda memiliki piksel untuk mendukungnya. Gambar 3000px pada 300 PPI mencetak 10" tajam; piksel yang sama pada 600 PPI mencetak 5" — bukan "kualitas lebih tinggi," hanya lebih kecil.

Bisakah saya meningkatkan resolusi tanpa kehilangan kualitas?

Anda bisa melakukan upscale, tetapi itu tidak dapat menciptakan detail — lihat cara meningkatkan gambar. Resolusi nyata berasal dari penangkapan, bukan perangkat lunak.

Apakah DPI penting untuk layar?

Tidak — layar menampilkan berdasarkan dimensi piksel, bukan DPI. Gambar 72 DPI dan 300 DPI pada ukuran piksel yang sama terlihat identik di layar. DPI hanya penting untuk cetak, di mana ia mengatur seberapa padat piksel diletakkan di atas kertas. Untuk pekerjaan web, atur dimensi piksel dan abaikan DPI.

Bagaimana cara menghitung resolusi cetak?

Kalikan ukuran fisik dalam inci dengan DPI. Cetakan 4×6 inci pada 300 DPI membutuhkan 4×300 oleh 6×300 = 1200×1800 piksel. Jika gambar Anda memiliki lebih sedikit piksel, itu akan terlihat lembut saat dicetak pada ukuran dan DPI tersebut. Lihat panduan resolusi.

Apa PPI di layar?

Pixels per inch — seberapa padat tampilan mengemas pikselnya, yang mengatur seberapa tajam gambar tertentu terlihat pada ukuran fisik tertentu. Layar PPI tinggi (retina) menampilkan gambar 1x sebagai lembut, itulah sebabnya retina membutuhkan aset 2x. PPI adalah properti dari tampilan, bukan gambar; gambar hanya memiliki dimensi piksel dan metadata DPI untuk cetak.

Resolusi apa yang saya butuhkan untuk layar 4K?

3840×2160 piksel untuk mengisi tampilan 4K pada 1x. Untuk retina atau DPI tinggi, ekspor pada resolusi logis tampilan dan sediakan varian 2x dengan srcset. Layar menampilkan berdasarkan dimensi piksel, jadi sesuaikan ekspor dengan ukuran piksel tampilan target — metadata DPI tidak relevan untuk rendering layar.

Resolusi apa yang saya butuhkan untuk cetak vs web?

Untuk cetak, 300 DPI pada ukuran fisik (cetakan 4×6 inci membutuhkan 1200×1800 piksel). Untuk web, sesuaikan dengan ukuran tampilan — hero lebar 1600px, gambar konten 800–1200px. Cetak menginginkan lebih banyak piksel per inci karena tinta diletakkan pada kepadatan tetap; layar menampilkan berdasarkan jumlah piksel, jadi metadata DPI tidak relevan di sana.

Kredit Gambar

• Diagram ukuran cetak DPI, vs layar-vs-cetak, dan resolusi berdasarkan kasus penggunaan — dibuat oleh penulis untuk mengilustrasikan bagaimana piksel, PPI, dan ukuran fisik berhubungan.