Apa perbedaan antara DPI (titik per inci) dan PPI (piksel per inci)?

28

Ada banyak pertanyaan lain tentang Desain Grafis yang sebagian membahas hal ini, mis. DPI apa yang harus digunakan untuk situasi apa? .

Namun, saya menjadi frustrasi pada sejumlah pertanyaan dan jawaban yang membingungkan kedua istilah tersebut. Saya pikir memahami perbedaan itu penting.

Jadi, inilah tempat untuk menjawab pertanyaan ini dengan baik dan menjernihkan kebingungan!

e100
sumber
1
Anda tidak ingin hanya membersihkan (mis., Menghapus referensi Photoshop) dari graphicdesign.stackexchange.com/questions/199/… dan merujuk orang yang menyalahgunakannya? Kedua jawaban tersebut cukup memperjelas perbedaan antara Point dan Pixel. Yang hilang hanyalah "per inci".
Farray
1
Ini abadi. Muncul berulang-ulang dalam berbagai bentuk di setiap forum, listserv, blog, atau seminar terkait grafis. e100 benar, kami tidak memiliki pernyataan definitif yang mencakup semua pangkalan dan dengan jelas menjawab pertanyaan ini. Saya telah melakukan upaya di bawah ini. Jangan ragu untuk mengedit.
Alan Gilbertson
@AlanGilbertson Kedengarannya bagus. Setelah kami mendapatkan jawaban kanonik yang bagus, mungkin kami bisa mengedit kutipan ke dalam Tag Wikis dan mudah-mudahan mengurangi kebingungan di masa depan ...
Farray
@ Farray, titik dan titik adalah hal yang sangat berbeda.
e100
@ e100 Anda benar. Saya sedikit melompati komentar itu berdasarkan pada perasaan bahwa kita telah melihat pertanyaan ini sebelumnya. Setelah meninjau banyak pertanyaan DPI / PPI lainnya, tampaknya kami benar-benar belum membahas masalah ini sehingga pertanyaan di masa mendatang dapat dirujuk untuk mendapatkan jawaban yang pasti.
Farray

Jawaban:

23

Sebuah piksel (kata itu awalnya diciptakan, iirc, oleh IBM dan berasal dari "elemen gambar") adalah unit informasi terkecil yang tidak dapat dibagi dalam gambar digital. Piksel dapat ditampilkan, atau dapat dicetak, tetapi Anda tidak dapat membagi piksel menjadi potongan-potongan kecil untuk mendapatkan informasi lebih lanjut. Berapa banyak saluran dan bit per saluran yang membentuk satu piksel adalah ukuran seberapa halus informasi dalam suatu piksel, tetapi fakta dasarnya adalah bahwa 1 piksel penambahan informasi terkecil dalam suatu gambar. Jika Anda melakukan video, Anda tahu bahwa piksel tidak harus persegi - mereka tidak persegi di semua format video yang lebih lama. Persegi atau tidak, piksel masih merupakan unit terkecil dari sebuah gambar.

Satu inci (oke, jadi Anda tahu ini sudah - tahan dengan saya) adalah satuan pengukuran linier pada permukaan, yang bisa berupa layar atau selembar kertas.

Sebuah dot adalah, baik, titik. Itu bisa berupa titik di layar, atau bisa berupa titik yang dihasilkan oleh printhead. Seperti piksel, titik adalah atom. Mereka ada di sana, atau tidak. Seberapa detail detail yang dapat ditampilkan layar tergantung pada seberapa dekat titik-titiknya (apa yang mereka sebut "dot pitch" di masa CRT lama). Seberapa kecilnya titik-titik dari inkjet, printer laser atau imagesetter menentukan berapa banyak detail halus yang dapat dihasilkan.

Titik per inci cukup mudah. Layar memiliki begitu banyak titik (masing-masing terdiri dari elemen R, G dan B) per inci layar. Itu sama di atas kertas. Printer 1200 dpi dapat meletakkan 1200 titik dalam satu inci linier. Dalam menggambarkan detail layar atau output printer, titik per inci adalah istilah yang benar.

PPI adalah tempat kebingungan muncul. Sebuah gambar memiliki banyak piksel. Metadata- nya berisi ukuran output dalam inci, cm, mm, M&M, apa pun. Lebar dalam piksel dibagi dengan lebar keluaran dalam metadata yang berasal dari "per inci". Jadi gambar yang sama dengan metadata yang berbeda mungkin 72 ppi, 150 ppi atau 8000 ppi. Informasi gambarnya sama; semua yang berubah adalah metadata.

Demo cepat dan mudah yang agak mengilustrasikan intinya adalah membuat beberapa tanda pada selembar karet elastis, katakan lima hingga satu inci. Regangkan karet elastis hingga dua kali panjangnya. Jumlah tanda tidak berubah, meskipun "tanda per inci" sekarang 2,5.

Anda dapat melihat ini di Photoshop jika Anda mematikan Resample Imagedan mengubah ukurannya. Nilai ppi berubah untuk mencerminkan seberapa kecil piksel harus direproduksi untuk mencapai nilai pengukuran dalam inci / cm / mm dll. Perhatikan bahwa dalam kasus ini Pixelsbidang dinonaktifkan. Anda tidak dapat mengubah nilai-nilai itu kecuali Anda membuat sampel ulang.

Kebingungan massal dimasukkan ketika piksel gambar dipetakan ke titik layar di browser web. Gambar 200 piksel muncul sebagai 200 piksel di peramban. Seberapa besar ukurannya, diukur dengan penggaris, tergantung pada titik per inci layar. Metadata gambar mungkin mengatakan itu 200 ppi atau 72 ppi atau 1 ppi, itu masih akan menempati tepat 200 titik layar. Dunia tetap terpaku pada "72 ppi untuk web," jadi pertanyaan tentang "apa resolusi yang tepat untuk gambar web" terus muncul, dan jawaban yang benar, "tidak masalah," terus dipasok nauseam.

Jika Anda masih bersama saya, ada satu langkah terakhir yang menyatukan keduanya.

Gambar dengan lebar 720 piksel pada lebar 10 inci fisik memiliki resolusi 72 piksel per inci. Jika Anda mencetaknya pada printer 1200 dpi, akan ada 1.200 titik per inci pada kertas, tetapi gambar tersebut masih 72 piksel per inci . Itu sebabnya terlihat seperti sampah. Di sisi lain, gambar lebar 7200 piksel yang dicetak pada lebar 1 inci akan melebihi resolusi printer 1200 dpi kami. Photoshop (katakanlah) dan driver printer memutuskan piksel mana yang harus dibuang dan mana yang benar-benar dicetak. Beberapa titik yang dicetak akan dirata-ratakan di antara piksel gambar yang berdekatan, tetapi, terlepas dari itu, sebagian informasi gambar harus dibuang. Outputnya adalah 1.200 dpi, tetapi resolusi gambar yang dicetak akan dikurangi hingga paling banyak 1.200 dpi oleh perangkat lunak.

Alan Gilbertson
sumber
Hmmm, hal-hal bagus tapi pikirkan penyebutan "dots per inch" untuk layar membingungkan ...
e100
2
Mungkin perlu disebutkan juga bahwa setiap piksel dalam gambar dapat berupa warna apa pun dalam ruang warna yang berfungsi, titik-titik (terutama dalam pencetakan digital) umumnya jauh lebih terbatas. Printer 1200 dpi dapat mencetak 1200 titik per inci (biasanya 1200 titik per inci per warna), tetapi masing-masing titik tersebut adalah on / off atau tersedia dalam jumlah ukuran terbatas (biasanya empat atau lebih sedikit). Itu berarti bahwa Anda memerlukan sekelompok titik yang diambil bersama untuk secara akurat menciptakan tampilan warna piksel. (lanjutan)
Stan Rogers
2
Mencetak gambar 300ppi (resolusi cetak) pada printer 1200dpi berarti ada 16 titik dari setiap warna (dengan "kedalaman" rendah untuk setiap titik) untuk mewakili masing-masing piksel tersebut. Sementara sistem printer / driver cukup bagus dalam dithering, itu masih gamut yang cukup buruk. Itulah sebabnya printer digital dengan lebih dari empat nilai tinta (hitam pekat, sian muda, magenta muda, dan sering satu atau lebih warna murni yang biasanya dicampur) dapat mencetak jauh lebih baik daripada $ 50 1200dpi empat warna all-in-one— masing-masing kelompok titik yang digunakan untuk mencetak piksel dapat mewakili kisaran nada yang jauh lebih besar.
Stan Rogers
@Stan - Saya mendorong Anda untuk melipat info ini menjadi jawabannya.
e100
Jadi, pixel adalah pengkodean (warna) dari apa yang harus ditampilkan dalam / pada sebuah titik?
samis
2

Alan membahas sebagian besar dasar-dasarnya dengan cukup baik. Saya juga ingin menyoroti tidak hanya perbedaan antara DPI dan PPI, tetapi juga hubungan antara PPI dan resolusi tampilan (yang hanya jumlah piksel mentah dalam tampilan).

Saya pikir banyak yang mengingat masa-masa memabukkan ketika kita harus pindah dari VGA ke SVGA ke resolusi XGA. Itu menyenangkan untuk sementara waktu ketika sebagian besar konsumen memiliki monitor dengan spesifikasi yang mirip dengan 1024px X 768px @ 72 PPI dan kami memiliki target yang cukup aman untuk tampilan grafik.

Kepuasan ini masih jelas , tetapi semakin tidak realistis. Banyak produsen ponsel memfokuskan pada peningkatan resolusi sementara layar fisik sedikit berubah, jika tidak sama sekali. Hasilnya adalah PPI yang meningkat pada faktor bentuk genggam kecil. Ini memberikan banyak peluang untuk secara tidak sengaja membuat grafik yang sama sekali tidak berguna (atau, hampir sama buruknya, ditingkatkan secara otomatis oleh sistem operasi dengan mengorbankan sisi-sisi bersih yang Anda garap begitu keras).

Contoh dunia nyata yang mudah adalah iPhone Apple . 3 edisi pertama memiliki layar 89mm (diagonal), dengan 320px X 480px (163 PPI). Kemudian mereka memperkenalkan layar "Retina" (halo, Pemasaran) yang meningkatkan resolusi hingga 640px X 480px tetapi masih berukuran 89mm dalam ukuran fisik (326 PPI!). BlackBerry telah membuat langkah serupa (meskipun tanpa panik pemasaran) dan sepertinya hal yang sama akan terjadi dengan iPad juga.

Satu istilah lain yang mungkin juga menarik adalah DIP atau DP . Microsoft menyebut mereka sebagai "Device Independent Pixels" dan pada platform Android mereka adalah "Pixel-independent Pixels" . Mereka memiliki nama yang sedikit berbeda, tetapi memiliki konsep inti yang sama. Tujuannya adalah untuk memungkinkan aplikasi untuk menjadi "DPI sadar" dan skala teks / objek di sekitar konvensi konstan. Aplikasi yang sadar kepadatan mengetahui PPI layar dan "DPI" yang Anda inginkan, lalu skala teks dan objek dengan tepat.

Membawa ini kembali ke skenario PPI kami yang terus meningkat, jika Anda mendesain situs web atau aplikasi dengan font 80px, Anda mungkin berpikir itu cukup besar di layar 163 PPI Anda. Tinggi teks Anda hampir setengah inci, yang cukup besar di ponsel. Tetapi kemudian versi telepon berikutnya keluar dan tiba-tiba teks Anda hanya setinggi 1/4 "pada 326 PPI. Ini akan sangat buruk jika beberapa teks Anda diskalakan di unit pengukuran lain dan tiba-tiba teks tubuh lebih besar dari tajuk teks. (Kadang-kadang saya masih menemukan situs web yang membuat kesalahan ini.) Jika Anda menggunakan DIP / DP untuk skala, Anda bisa memegang kedua ponsel berdampingan dan teksnya akan memiliki dimensi fisik yang sama (walaupun mungkin terasa lebih tajam) pada model DPI yang lebih tinggi).

Bagaimanapun, meskipun PPI mungkin yang paling membingungkan dari pengukuran, sangat penting untuk memperhatikannya. Jika Anda memiliki opsi untuk mendesain dengan unit DIP atau DP, itu akan menangani beberapa dugaan untuk Anda dan memungkinkan Anda menargetkan array tampilan yang lebih luas tanpa menambah beban teknis Anda.

Saya minta maaf bahwa jawaban ini sangat sentris pada layar, saya jarang mencoba-coba soal cetak.

Farray
sumber
AFAIK, Microsoft biasa memanggil DIP TWIPS. Mereka berguna untuk kasus di mana layar lebih merupakan viewport: banyak aplikasi pada smartphone memungkinkan untuk zoom, dan dalam hal ini layar adalah viewport yang diukur dalam satuan logis. Layar PPI yang lebih tinggi memungkinkan gambar yang tampak lebih baik pada level zoom rendah.
horatio
Saya pikir resolusi "retina display" iPhone 4 lebih tinggi, 960px x 640px (QHD).
FooF
2

DPI = berapa banyak titik yang berbeda pada perangkat cetak dan render per inci.

PPI = jumlah piksel dalam satu inci dari perangkat tampilan video.

Banyak perangkat lunak, yaitu photoshop, menggunakan DPI untuk kedua definisi tersebut.

MEMPERBARUI:

E100 membuat saya sekarang mempertanyakan pendapat saya tentang ini (yang merupakan hal yang baik!) dan dalam melakukan penelitian lebih lanjut, saya perlu sedikit memperbarui pendapat saya.

SEJARAH, DPI mengacu pada proses cetak ... yaitu berapa banyak titik bijaksana yang dapat diproduksi printer di atas kertas. PPI mengacu pada jumlah piksel per inci monitor Anda.

Jadi, satu adalah tentang proses pencetakan di atas kertas, yang lain adalah tentang perangkat keras layar Anda.

Baik secara langsung tentang 'resolusi per inci' dari gambar digital Anda, meskipun keduanya tampaknya memiliki korelasi ke titik yang hampir identik dalam banyak hal.

Jadi, katakanlah Anda memiliki printer laser 1200dpi. Itu berarti untuk setiap inci kertas, printer itu dapat membuat 1.200 titik unik.

Sekarang ... beralih ke masalah menetapkan pengaturan DPI / PPI ke gambar digital.

Gambar digital terdiri dari piksel. Selama gambar tetap digital, tidak peduli PPI apa yang Anda beri tahu, karena akan selalu ditampilkan berdasarkan total piksel. Untuk isntance, gambar 1000px x 1000px, secara default, di browser web, akan seluas 1000px.

Di mana memberikan gambar, pengaturan DPI / PPI penting adalah saat mencetak ... begitulah perangkat lunak menghitung ukuran fisik dari output analog. Jadi gambar 1000px x 1000px Anda dengan pengaturan DPI 500dpi akan menghasilkan ukuran gambar saya dicetak 2 ".

Di mana hal-hal yang membingungkan adalah IIRC, Photoshop secara historis menggunakan 'DPI' sebagai istilah untuk ini. Padahal sepertinya sudah menggunakan istilah 'PPI'.

Karena itu, saya akan mengatakan istilah mana yang tepat ketika merujuk pada meta-informasi resolusi keluaran dalam perangkat lunak pengeditan grafik Anda.

Jadi, secara ringkas, definisi saya adalah:

DPI = spec untuk printer Anda menjelaskan seberapa detail gambar yang dapat dicetak PPI = spec untuk monitor Anda menjelaskan seberapa detail gambar yang dapat ditampilkan untuk ukuran fisik tertentu

Dalam hal mengatur gambar untuk dicetak = baik PPI atau DPI adalah istilah yang tepat. Saya pikir PPI lebih masuk akal bagi orang yang berurusan dengan membuat file digital. Pada akhirnya, Anda akan membutuhkan banyak piksel untuk hasil yang layak. DPI lebih masuk akal bagi orang yang mencetak file digital, karena itu adalah istilah yang masuk akal di dunia biro jasa / printer.

DA01
sumber
Masih belum ditemukan di mana Photoshop salah ...
e100
2
Photoshop memiliki pengaturan DPI yang digunakannya untuk mencoba dan mengemulasi PPI tertentu ketika Anda melihat gambar pada 'ukuran sebenarnya'. Perhatikan juga bahwa gambar tidak benar-benar memiliki pengaturan PPI untuk memulai. PPI adalah ukuran kepadatan layar Anda dan bukan gambar Anda. Sejauh gambar Anda, piksel adalah piksel.
DA01
Di mana tepatnya pengaturan DPI ini di Photoshop (saya tidak punya aplikasi di tangan)?
e100
1
Yah, itu PPI dalam 5,5 (bukan CS 5.5) yang saya buka di sini, dan itu 13 tahun.
e100
3
PPI hanya untuk menghitung dimensi fisik untuk tujuan output. Tidak ada yang berubah pada gambar itu sendiri, hanya metadata-nya. Sekali waktu dimungkinkan untuk memberi tahu Photoshop apa resolusi layar sebenarnya dalam piksel (titik layar, sebenarnya) per inci, sehingga "Ukuran Aktual" akurat. Saya tidak menemukan pengaturan itu pada pencarian cepat di CS5. Ada tulisan tentang Scott Kelby, iirc, beberapa tahun yang lalu. Saya harus mencarinya.
Alan Gilbertson
2

Mulai untuk menjawab pertanyaan saya sendiri, saya pikir salah satu masalah dengan menjelaskan ini adalah bahwa hanya sebagian dari cerita lengkap yang relevan dengan pekerjaan sehari-hari siapa pun, kecuali jika Anda membahas keseluruhan dari perancang web / aplikasi untuk mencetak perancang hingga prepress ahli. Jadi saya mungkin akan kembali ke ini dan menyetelnya untuk audiens yang berbeda.


Piksel per inci (ppi) adalah ukuran resolusi dalam dua konteks yang berbeda.

(a) resolusi gambar yang dicetak pada ukuran fisik tertentu

Ini bukan properti intrinsik dari file gambar. Pixel tidak memiliki dimensi dunia nyata, dan ppi tidak memiliki arti sampai gambar dicetak, atau setidaknya ditentukan dalam tata letak cetak yang menggunakan pengukuran fisik (inci atau mm).

misalnya 1. Anda memiliki gambar 1000px persegi di Photoshop dan Anda mencetaknya jadi 3 inci persegi. Resolusi cetak adalah 333ppi.

misalnya 2. Anda kemudian meletakkannya di tata letak InDesign di 1,5 inci persegi dan PDF itu. Alat pracetak Acrobat memberi tahu Anda ini 666dpi - saat dicetak.

misalnya 3. Anda melihatnya di browser web di berbagai perangkat. Ukurannya 1000px persegi, ukuran atau resolusi apa pun layar Anda; Namun dimensi fisik sangat bervariasi.

misalnya 4. Anda kembali ke Photoshop dan melihat gambar telah ditetapkan sebagai 72ppi selama ini, dan itu tidak ada bedanya dengan semua kasus ini. Anda mengubahnya ke 144ppi (tanpa resampling, yaitu jumlah piksel tidak berubah) dan ternyata tidak ada bedanya dengan salah satu kasing.

mis. 5. Setelah sedikit bereksperimen, Anda menemukan bahwa ppi memang membuat perbedaan ketika Anda mencetak dari Photoshop pada skala 100%. Tapi begitu juga mengubah dimensi cetak - mereka berhubungan langsung (dan berbanding terbalik), dan keduanya hanya metadata yang menentukan bagaimana gambar harus dicetak, dan dapat dengan mudah diganti.

(B) resolusi fisik perangkat layar

Kembali ke misalnya 3, gambar ditampilkan pada ukuran fisik yang berbeda karena layar memiliki grid pixel perangkat keras yang tetap. Jadi PPI dalam hal ini adalah properti intrinsik dari perangkat keras.

Anda dapat mengukur PPI layar dengan mudah jika Anda mengetahui dimensi pikselnya, cukup bagi tingginya (atau lebar) pikselnya dengan tinggi (atau lebarnya) yang diukur dengan penggaris. Mac pertama memiliki 72ppi; laptop mencapai sekitar 130ppi; smartphone saat ini 200ppi +, hingga 330ppi iPhone 4.


Dots per inch (dpi) adalah ukuran fisik dari resolusi output perangkat cetak.

Titik-titik adalah gumpalan tinta individu.

(bersambung)

NB Istilah ini sangat umum digunakan untuk mengartikan ppi dalam kedua pengertian di atas.

Secara pribadi, saya menganggap ini tidak benar, betapapun mengakarnya, dan sumber kebingungan yang berkelanjutan.

e100
sumber
Awal yang bagus! Pada akhirnya, dalam hal 'kepadatan data gambar', PPI dan DPI dapat dipertukarkan. Apakah kita menyebut unit data piksel atau titik agak diperdebatkan dan sewenang-wenang. Saya condong ke arah PPI sebagai istilah yang lebih mutakhir. Tetapi masih tidak melihat perbedaan definisi dengan DPI ketika kita berbicara tentang kepadatan data gambar. Perbedaan terminologi menjadi lebih jelas ketika kita berbicara tentang perangkat keras: Printer vs Layar.
DA01
0

Saya tidak akan menjawab apa perbedaan antara DPI dan PPI. Saya akan membuat jawaban yang lebih mendasar.

Apa perbedaan antara titik dan piksel?

Sebuah titik

Saya akan mengabaikan definisi matematika, geometris, dan konseptual dari jawaban ini. Saya hanya mengacu pada seni grafis.

Titik adalah titik kecil kecil dari sesuatu (tetesan tinta, partikel debu) yang digunakan pada media cetak fisik. Biasanya itu adalah jumlah terkecil barang yang bisa Anda miliki di media itu. Entah Anda memiliki titik atau tidak.

Sebuah piksel

Sebuah piksel mendefinisikan berbagai hal. Ya, kami mungkin harus memanggil beberapa dari mereka dengan cara yang berbeda)

I. Blok kecil informasi tentang file gambar digital.

Ini adalah blok kecil informasi, bukan titik. Sebuah titik bisa ada di sana atau tidak. Sebaliknya, sebuah pixel dapat menyimpan satu dari beberapa juta nilai.

Bayangkan sebuah toko di mana Anda bisa membeli satu paku atau tidak membelinya. Itu adalah sebuah titik.

Sekarang bayangkan sebuah toko di mana Anda dapat memilih secara potensial di antara beberapa juta produk. Itu adalah pixel.

Jumlah opsi untuk dipilih di toko ini diberikan oleh kedalaman toko, dalam hal ini, kedalaman bit. Dari hanya on-off hingga beberapa juta opsi.

Satu hal tentang pixel adalah bahwa ia ada di sana. Ini memiliki posisi yang ditentukan, yang dapat berubah adalah nilai dari itu.

II Bagian terkecil dari layar yang dapat diubah untuk memberikan nuansa warna yang berbeda.

Ya kita bisa mendapatkan berapa banyak piksel layar ini yang kita miliki di monitor fisik, tetapi beruntung bagi kita orang memberikan jumlah total; FullHD, 4K pada layar 50 ".

Elemen ini yang harus dinamai berbeda dari "pixel" dari gambar digital.


Catat satu hal. Sebuah titik dapat digunakan dalam bidang matematika, geometri, lukisan, seni grafis, dll. Sebuah piksel pada file digital, layar atau proyeksi. Anda hanya perlu tahu apa konteksnya.

Rafael
sumber
-3

DPI digunakan untuk Print PPI digunakan untuk apa pun di layar untuk hal-hal seperti game atau spanduk online DLL.

jordan moran
sumber
2
Hai dan selamat datang di GD.SE. Bagaimana tepatnya hal ini meningkatkan jawaban yang ada? Secara umum kita cenderung menghindari satu baris jawaban dan mencari lebih banyak substansi. Bukan karena kami tidak ingin Anda di sini, kami lakukan. Namun titik kekurangannya adalah membuat repositori jawaban yang sangat baik. Dan sejujurnya, ada sedikit kurva belajar ... tetap saja selamat datang.
joojaa