Resolusi Gambar: Piksel, DPI, dan Ukuran Cetak Dijelaskan Secara Sederhana

Terakhir diperbarui: July 26, 2026

Resolusi adalah angka yang menentukan apakah gambar Anda terlihat tajam atau lembut, tercetak bersih atau buram, dan berbobot 80 KB atau 8 MB. Untuk layar, hanya jumlah piksel yang penting; DPI hanyalah tag yang hampir tidak berarti yang dibawa file. Untuk cetak, DPI adalah segalanya, karena menentukan seberapa rapat piksel-piksel tersebut dikemas ke atas kertas. Saya telah mencetak file yang sama pada 72, 150, dan 300 DPI dan melihatnya berubah dari keruh menjadi tajam, jadi sisa postingan ini dibangun di atas pengukuran, bukan tebakan.

Jawaban cepat: resolusi mana yang Anda butuhkan?

Gunakan dimensi piksel untuk setiap keluaran layar dan inci-dikali-300 untuk setiap keluaran cetak — pohon keputusan itu mencakup hampir setiap kasus. Cocokkan dengan keluaran, bukan angka universal:

• Hero web atau foto full-bleed — lebar 1920 px, "DPI" sekitar 72 (diabaikan oleh browser), WebP atau AVIF.
• Gambar konten blog — lebar 1200 hingga 1600 px, cukup untuk mengisi kolom pada layar retina tanpa berlebihan untuk seluler.
• Feed Instagram — 1080x1080 (persegi) atau 1080x1350 (potret); apa pun yang lebih besar diperkecil dan membuang byte.
• Cetak pada 300 DPI — kalikan inci dengan 300. Ukuran 8x10" membutuhkan 2400x3000 px.

Satu aturan yang tidak pernah berubah: untuk cetak Anda membutuhkan cukup piksel nyata; untuk layar Anda membutuhkan dimensi piksel yang tepat dan kompresi agresif. DPI sebagai bidang metadata tidak berbuat apa-apa pada halaman web.

Apa sebenarnya arti resolusi?

Resolusi hanyalah "berapa banyak piksel, dalam susunan apa." Tiga angka menggambarkan hampir semua gambar:

• Dimensi piksel — lebar dikali tinggi, mis. 4000x3000. Ini satu-satunya angka yang direspons layar.
• Kepadatan piksel (PPI) — piksel per inci dari layar fisik, seperti monitor 4K 27" pada 163 PPI. Diatur oleh perangkat, bukan file Anda.
• DPI — titik per inci, instruksi cetak yang memberi tahu printer berapa banyak titik tinta yang harus diletakkan per inci. Dimasukkan ke dalam file sebagai metadata.

Orang-orang menukar PPI dan DPI dengan bebas dan itu jarang menjadi masalah dalam percakapan, tetapi perbedaannya terasa saat waktu cetak. File 4000x3000 yang diberi tag "72 DPI" dan file yang sama diberi tag "300 DPI" identik piksel-demi-piksel pada layar. Tag itu hanya mengubah apa yang terjadi ketika tinta menyentuh kertas.

Megapiksel: terjemahan singkat

Megapiksel = lebar dikali tinggi dibagi 1.000.000. Ini memberi tahu total anggaran piksel, bukan kualitas.

Lebih banyak megapiksel memberi Anda ruang memotong dan cetakan yang lebih besar, bukan piksel yang "lebih baik". Foto 45 MP dari lensa yang lembut dapat terlihat lebih buruk daripada foto 20 MP yang bersih.

Apakah DPI berpengaruh pada layar?

Tidak — tidak seperti yang dipikirkan kebanyakan orang. Browser membaca dimensi piksel dan menskalakan gambar ke piksel CSS. "72 DPI" yang tertanam dalam JPEG Anda diabaikan. Saya mengekspor foto 1920x1080 yang sama pada 72, 150, dan 300 DPI dan halaman web yang dirender identik byte-demi-byte.

Aturan "72 DPI untuk layar" berasal dari Mac 1984, yang layar 9"-nya kebetulan merender pada kira-kira 72 PPI. Layar modern sama sekali tidak seperti itu:

Apa yang sebenarnya penting pada layar adalah memberikan cukup piksel untuk layar tempatnya mendarat, lalu mengompres dengan keras. Untuk ponsel retina dan DPI tinggi, Anda menyajikan kira-kira 2x lebar piksel CSS; untuk gambar konten selebar 800 px, itu berarti sumber 1600 px. Lihat panduan mengubah ukuran gambar untuk web kami untuk pengaturan ekspor yang tepat.

Bagaimana resolusi, kualitas, dan ukuran file berinteraksi?

Resolusi dan ukuran file bukan tuas yang sama, tetapi keduanya saling menarik. Lipat empat kali jumlah piksel dan Anda kira-kira melipat empat kali byte pada pengaturan kualitas tertentu — tetapi kualitas dikendalikan oleh kompresi, bukan piksel saja. Saya melakukan upscale lanskap 1200x800 menjadi 4800x3200 dan file membengkak dari 240 KB menjadi 2.1 MB sementara terlihat tidak lebih tajam, karena tidak ada detail baru yang diciptakan. Saya kemudian mengompres file 4800x3200 yang sama kembali ke WebP dan mengukur ukuran file nyata 310 KB — bukti bahwa piksel ekstra memakan byte, bukan detail.

Tiga hal yang sebenarnya mendorong apa yang Anda lihat:

• Detail yang ditangkap nyata — resolusi optik dari lensa dan sensor Anda. Ini adalah batas tertingginya.
• Dimensi piksel — berapa banyak piksel yang Anda miliki untuk merepresentasikan detail itu.
• Kualitas kompresi — seberapa banyak yang Anda buang saat menyimpan.

File resolusi tinggi dengan optik buruk hanyalah gambar besar yang lembut. Untuk menurunkan byte tanpa merusak kualitas, panduan mengubah ukuran gambar dengan menjaga kualitas kami menunjukkan di mana harus berhenti.

Resolusi cetak: mengapa 300 DPI menjadi standar?

Printer meletakkan titik tinta ke permukaan fisik, jadi kepadatan piksel menjadi nyata. Di bawah kira-kira 200 DPI, sebagian besar pemirsa memperhatikan kelembutan pada jarak baca normal. Angka 300 DPI adalah target nyaman yang bertahan pada jarak lengan dan sedikit pembesaran. Saya mencetak 8x10" pada 300 DPI dan pada 150 DPI pada kertas yang sama; versi 150 DPI terlihat dapat diterima dari seberang ruangan tetapi noticeably kabur dari dekat.

Gunakan rumus ini, lalu bulatkan ke atas: piksel = inci dikali DPI.

Untuk poster besar yang dilihat dari satu meter atau lebih, 150 DPI biasanya cukup — mata Anda tidak dapat menangkap detail halus pada jarak itu, jadi memadatkan 300 DPI membuang tinta dan resolusi. Spanduk yang dilihat dari seberang jalan dapat turun hingga 72 hingga 100 DPI.

Bagaimana cara memilih resolusi untuk setiap platform?

Pilih dimensi yang sesuai dengan tampilan terbesar yang akan diisi gambar, lalu kompres. Penyajian berlebih hanya memakan byte dan waktu muat.

Foto ponsel 4032x3024 berlebihan untuk Instagram dan salah untuk cetak 8x10" pada saat yang sama — ini bentuk yang salah, yang membawa ke jebakan berikutnya.

Kesalahan resolusi umum (dan perbaikannya)

• Merek gambar kecil menjadi lebih besar. Upscale melipatgandakan piksel tetapi tidak menambah detail; tepi hanya menjadi lembut. Jika harus, gunakan upscaler AI alih-alih nearest-neighbor. Mulailah dengan primer cara upscale gambar kami.

• Mempercayai tag "72 DPI" untuk web. Itu tidak berbuat apa-apa di browser. Ekspor berdasarkan dimensi piksel saja.

• Lupa rasio aspek sebelum cetak. Foto 3:2 yang dipaksa ke bingkai 8x10" (4:5) akan dipotong atau didistorsi. Potong sesuai rasio cetak dahulu.

• Mengirim file 8 MP ke feed 1080 px. Membuang bandwidth; platform tetap akan menurunkan dan mengompres ulang, kadang lebih buruk dari yang Anda lakukan.

• Mencetak pada 72 DPI karena file mengatakan demikian. Tag DPI hanyalah saran. Periksa kembali jumlah piksel: inci dikali 300.

Kapan sebaiknya Anda melakukan upscale gambar?

Upscale sepadan ketika sumber benar-benar terlalu kecil untuk target tertentu dan Anda tidak memiliki cara untuk memotret ulang atau mengekspor ulang. Tiga kasus di mana saya menggunakannya:

1. Foto klien harus mengisi banner hero tetapi satu-satunya aset lebarnya 800 px. Upscale ke kira-kira 1920 px dengan model AI, lalu pertajam.
2. Foto ponsel kecil membutuhkan cetakan kecil (misalnya, 4x6") dan sedikit kurang dari 1800x1200. Upscale sederhana 1.5x menutup celah.
3. Memulihkan foto lama atau hasil pindaian untuk tampilan yang lebih besar, di mana AI membangun kembali tekstur yang masuk akal.

Upscale tidak sepadan ketika sumber sudah cukup besar, atau ketika Anda berharap itu menciptakan detail yang tidak pernah ditangkap. Upscale mensintesis piksel yang masuk akal; itu tidak memulihkan informasi yang tidak ada. Untuk perbandingan model dan batasan yang lebih dalam, baca panduan upscaler gambar AI kami. Referensi tipe gambar MDN juga berguna untuk memahami bagaimana WebP dan AVIF mengodekan hasil upscale.

Inti penting: piksel untuk layar, DPI untuk tinta

Perlakukan dua dunia itu secara terpisah dan sebagian besar kebingungan resolusi hilang. Pada layar, kirimkan dimensi piksel yang tepat untuk tampilan, atur DPI sesuka Anda, dan kompres secara agresif dalam format modern. Untuk cetak, lakukan perhitungan — inci dikali 300 — konfirmasikan jumlah piksel Anda dahulu, dan baru kemudian khawatirkan tag DPI. Ikhtisar resolusi Adobe adalah referensi yang solid untuk sisi cetak jika Anda menginginkan sumber kedua.

Satu peringatan jujur

Setiap angka di atas mengasumsikan sumber yang ditangkap dengan baik, dipertajam dengan baik. Tidak ada pengaturan resolusi, tag DPI, atau upscaler yang menyelamatkan foto yang fokusnya meleset, kabur gerak, atau berisik dari sensor kecil. Saya telah melihat orang-orang mengejar megapiksel dan DPI pada gambar yang lembut alih-alih memotret ulang — file menjadi lebih besar dan gambar tetap mengecewakan. Lakukan penangkapan dengan benar dahulu; resolusi adalah bagian mudah setelah itu.

Pertanyaan yang sering diajukan

Apa perbedaan antara DPI dan PPI?

DPI adalah instruksi cetak yang memberi tahu printer berapa banyak titik tinta yang harus diletakkan per inci, sementara PPI menggambarkan kepadatan piksel tetap yang dibangun ke dalam layar fisik — tidak satupun mengubah dimensi piksel yang disimpan dalam file Anda.

Apakah DPI memengaruhi tampilan gambar pada layar?

Tidak — browser hanya membaca dimensi piksel, jadi foto yang diberi tag 72 DPI dan foto yang sama diberi tag 300 DPI dirender identik byte-demi-byte pada halaman web.

Dimensi piksel berapa yang saya butuhkan untuk mencetak foto 8x10" pada 300 DPI?

Anda membutuhkan 2400x3000 piksel, yang berasal dari mengalikan setiap sisi dalam inci dengan 300.

Berapa banyak megapiksel yang saya butuhkan untuk cetakan 8x10"?

Sekitar 7.2 megapiksel mencakup cetakan 8x10" yang bersih pada 300 DPI, sesuai dengan persyaratan piksel 2400x3000.

Mengapa upscale gambar tidak menambah detail nyata?

Upscaler melipatgandakan jumlah piksel dengan menciptakan piksel yang terlihat masuk akal, tetapi tidak dapat memulihkan detail optik yang tidak pernah ditangkap lensa dan sensor.

Ukuran gambar apa yang harus saya gunakan untuk Instagram?

Gunakan 1080x1080 untuk postingan feed persegi atau 1080x1350 untuk potret, karena apa pun yang lebih besar hanya diperkecil dan membuang byte.

Apakah resolusi yang lebih tinggi selalu berarti ukuran file yang lebih besar?

Kira-kira ya pada pengaturan kompresi tetap — melipat empat kali jumlah piksel kira-kira melipat empat kali ukuran file — tetapi kualitas kompresi dapat mengubah ukuran file secara independen dari resolusi.

Kapan upscale foto benar-benar sepadan?

Upscale terbayar ketika sumber yang benar-benar kecil harus mengisi target yang lebih besar, seperti foto klien 800 px yang dibutuhkan untuk banner hero 1920 px, dan memotret ulang bukan opsi.

Kredit gambar

• Ruang kerja modern dengan monitor ganda yang menampilkan perangkat lunak desain — foto oleh Daria Shevtsova di Pexels
• Close-up lensa zoom Canon dengan tetesan air — foto oleh Suzy Hazelwood di Pexels
• Kumpulan foto cetak dengan berbagai subjek — foto oleh Tima Miroshnichenko di Pexels