Image Resolution: Pixels, DPI, and Print Size Made Simple

Terakhir diperbarui: June 28, 2026

Resolusi adalah angka yang menentukan apakah gambar Anda terlihat tajam atau lembut, dicetak bersih atau buram, dan berbobot 80 KB atau 8 MB. Untuk layar, hanya hitungan piksel yang penting; DPI hanyalah tag yang hampir tidak berarti yang dibawa oleh file. Untuk cetak, DPI adalah segalanya, karena ia menentukan seberapa rapat piksel-piksel itu dikemas di 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 didasarkan pada pengukuran, bukan tebakan.

Jawaban cepat: resolusi apa yang Anda butuhkan?

Cocokkan hasilnya, bukan angka universal:

• Foto hero web atau 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 terlalu banyak mengirimkan data ke perangkat seluler.
• Feed Instagram — 1080x1080 (persegi) atau 1080x1350 (potret); apa pun yang lebih besar akan di-downscale dan membuang bytes.
• Cetak pada 300 DPI — kalikan inci dengan 300. Ukuran 8x10" membutuhkan 2400x3000 px.

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

Apa arti resolusi sebenarnya?

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

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

Orang sering menukar PPI dan DPI dengan bebas dan jarang penting dalam percakapan, tetapi perbedaan ini terasa saat waktu pencetakan. File 4000x3000 yang ditandai "72 DPI" dan file yang sama yang ditandai "300 DPI" identik piksel-demi-piksel di layar. Tag hanya mengubah apa yang terjadi ketika tinta mengenai kertas.

Megapixels: terjemahan cepat

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

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

Apakah DPI penting di 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.

Aturan "72 DPI untuk layar" berasal dari Mac tahun 1984, yang tampilan 9" secara kebetulan dirender pada sekitar 72 PPI. Tampilan modern sama sekali tidak seperti itu:

Yang benar-benar penting di layar adalah mengirimkan piksel yang cukup untuk display tempat gambar itu mendarat, kemudian melakukan kompresi keras. Untuk ponsel retina dan DPI tinggi Anda melayani sekitar 2x lebar piksel CSS; untuk gambar konten lebar 800 px, itu berarti sumber 1600 px. Lihat panduan resize image for web kami untuk pengaturan ekspor yang tepat.

Bagaimana resolusi, kualitas, dan ukuran file berinteraksi?

Resolusi dan ukuran file bukanlah tuas yang sama, tetapi mereka saling menarik. Gandakan jumlah piksel empat kali lipat dan Anda kira-kira menggandakan bytes pada pengaturan kualitas tertentu — tetapi kualitas diatur oleh kompresi, bukan hanya piksel. Saya meningkatkan skala 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 ditemukan.

Tiga hal yang benar-benar mendorong apa yang Anda lihat:

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

File beresolusi tinggi dengan optik buruk hanyalah gambar besar dan lembut. Untuk menurunkan bytes tanpa merusak kualitas, panduan image resize keep quality kami menunjukkan di mana harus berhenti.

Resolusi cetak: mengapa 300 DPI adalah standar?

Printer meletakkan titik tinta pada permukaan fisik, jadi kepadatan piksel menjadi nyata. Di bawah sekitar 200 DPI, sebagian besar pemirsa merasakan kelembutan pada jarak baca normal. Angka 300 DPI adalah target nyaman yang bertahan saat dilihat dari jarak lengan dan selamat dari sedikit pembesaran. Saya mencetak ukuran 8x10" pada 300 DPI dan pada 150 DPI di kertas yang sama; versi 150 DPI terlihat dapat diterima dari seberang ruangan tetapi jelas buram dari dekat.

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

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

Bagaimana cara saya memilih resolusi untuk setiap platform?

Pilih dimensi yang cocok dengan tampilan terbesar yang akan diisi oleh gambar, lalu kompres. Terlalu banyak mengirimkan data hanya menghabiskan bytes dan waktu muat.

Foto ponsel 4032x3024 terlalu berlebihan untuk Instagram dan salah untuk cetakan 8x10" pada saat yang bersamaan — itu adalah bentuk yang salah, yang mengarah ke jebakan berikutnya.

Kesalahan resolusi umum (dan perbaikannya)

• Meregangkan gambar kecil menjadi lebih besar. Upscaling mengalikan piksel tetapi tidak menambahkan detail; tepi hanya menjadi lembut. Jika Anda harus melakukannya, gunakan upscaler AI daripada nearest-neighbor. Mulailah dengan panduan how to upscale images kami.

• Mempercayai tag "72 DPI" untuk web. Itu tidak melakukan apa-apa di browser. Ekspor berdasarkan dimensi piksel sebagai gantinya.

• Melupakan rasio aspek sebelum mencetak. Foto 3:2 yang dipaksa ke bingkai 8x10" (4:5) akan terpotong atau terdistorsi. Potong sesuai rasio cetak terlebih dahulu.

• Mengirim file 8 MP ke feed 1080 px. Membuang bandwidth; platform tetap melakukan downscale dan re-kompresi, terkadang lebih buruk dari yang Anda lakukan.

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

Kapan saya harus meningkatkan skala gambar?

Upscaling bermanfaat ketika sumbernya benar-benar terlalu kecil untuk target tertentu dan Anda tidak memiliki cara lain untuk mengambil ulang atau mengekspor ulang. Tiga kasus di mana saya menggunakannya:

1. Foto klien harus mengisi hero banner tetapi satu-satunya aset adalah lebar 800 px. Tingkatkan skala menjadi sekitar 1920 px dengan model AI, lalu pertajam.
2. Foto ponsel kecil membutuhkan cetakan kecil (misalnya, 4x6") dan sedikit kurang dari 1800x1200. Peningkatan skala moderat 1.5x menutup kesenjangan tersebut.
3. Memulihkan foto lama atau hasil pindaian untuk tampilan yang lebih besar, di mana AI membangun kembali tekstur yang masuk akal.

Upscaling tidak bermanfaat ketika sumbernya sudah cukup besar, atau ketika Anda berharap itu akan membuat detail yang tidak pernah ditangkap. Ini mensintesis piksel yang masuk akal; ini tidak memulihkan informasi yang absen. Untuk perbandingan model dan batas yang lebih dalam, baca panduan AI image upscaler kami. [image type reference] MDN juga berguna untuk memahami bagaimana WebP dan AVIF mengenkode hasil upscale.

Poin penting: piksel untuk layar, DPI untuk tinta

Perlakukan kedua dunia secara terpisah dan sebagian besar kebingungan resolusi menghilang. Di 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 — konfirmasi hitungan piksel Anda terlebih dahulu, dan baru kemudian khawatir tentang tag DPI. Tinjauan Adobe tentang resolution 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, diasah dengan baik. Tidak ada pengaturan resolusi, tag DPI, atau upscaler yang menyelamatkan foto yang buram, kabur gerakan, atau berisik dari sensor kecil. Saya telah melihat orang mengejar megapiksel dan DPI pada gambar yang lembut alih-alih mengambil ulang — file menjadi lebih besar dan gambarnya tetap mengecewakan. Dapatkan tangkapan yang benar terlebih dahulu; resolusi adalah bagian yang mudah setelah itu.

Kredit gambar

• Modern workspace with dual monitors displaying design software — foto oleh Daria Shevtsova di Pexels
• Close-up of a Canon zoom lens with water droplets — foto oleh Suzy Hazelwood di Pexels
• Collection of printed photographs of varied subjects — foto oleh Tima Miroshnichenko di Pexels