ความแตกต่างระหว่าง DPI (จุดต่อนิ้ว) และ PPI (พิกเซลต่อนิ้ว) คืออะไร


28

มีคำถามอื่น ๆ อีกมากมายเกี่ยวกับการออกแบบกราฟิกที่ครอบคลุมบางส่วนเช่นสิ่งที่ควรใช้ DPI สำหรับสถานการณ์ใด .

อย่างไรก็ตามฉันรู้สึกหงุดหงิดกับจำนวนคำถามและคำตอบที่ทำให้ทั้งสองคำสับสน ฉันคิดว่าการเข้าใจความแตกต่างเป็นสิ่งสำคัญ

ดังนั้นนี่คือสถานที่ที่จะตอบคำถามนี้ได้ดีและขจัดความสับสน!


1
คุณไม่ต้องการที่จะทำความสะอาด (เช่นลบการอ้างอิง Photoshop) จากgraphicdesign.stackexchange.com/questions/199/…และอ้างถึงผู้ใช้ที่ทำผิด? คำตอบทั้งสองชี้แจงความแตกต่างค่อนข้างชัดเจนระหว่างจุดกับพิกเซล สิ่งที่ขาดหายไปคือ "ต่อนิ้ว"
Farray

1
มันเป็นไม้ยืนต้น มาในรูปแบบที่แตกต่างกันไปในฟอรัมที่เกี่ยวข้องกับกราฟิก, listserv, blog หรือสัมมนาทั้งหมด อย่างไรก็ตาม e100 นั้นถูกต้อง, เราไม่มีคำแถลงที่ชัดเจนซึ่งครอบคลุมทุกฐานและตอบคำถามที่แน่นอนนี้อย่างหมดจด ฉันพยายามด้านล่าง รู้สึกอิสระที่จะแก้ไข
Alan Gilbertson

@ AlanGilbertson ฟังดูดี หลังจากที่เราได้รับคำตอบที่ดีบางทีเราอาจแก้ไขข้อความที่ตัดตอนมาในTag Wikisและหวังว่าจะลดความสับสนในอนาคต...
Farray

@ แฟร์เรย์, จุดและจุดต่าง ๆ
e100

@ e100 คุณถูกต้อง ฉันกระโดดปืนสักหน่อยบนความคิดเห็นนั้นตามความรู้สึกที่ว่าเราเคยเห็นคำถามนี้มาก่อน หลังจากตรวจสอบคำถาม DPI / PPI อื่น ๆ จำนวนมากดูเหมือนว่าเราไม่ได้ตีหัวข้อนี้ในแบบที่คำถามในอนาคตอาจถูกอ้างถึงสำหรับคำตอบที่ชัดเจน
Farray

คำตอบ:


23

พิกเซล (คำประกาศเกียรติคุณเดิม iirc โดย IBM และมาจาก "องค์ประกอบภาพ") เป็นหน่วยที่เล็กที่สุดของแบ่งแยกข้อมูลในภาพดิจิตอล พิกเซลอาจปรากฏขึ้นหรืออาจพิมพ์ออกมา แต่คุณไม่สามารถแบ่งพิกเซลเป็นชิ้นเล็ก ๆ เพื่อรับข้อมูลเพิ่มเติมได้ จำนวนช่องและบิตต่อช่องประกอบด้วยหนึ่งพิกเซลคือการวัดความละเอียดของข้อมูลในพิกเซล แต่ความจริงพื้นฐานคือ 1 พิกเซลเพิ่มขึ้นน้อยที่สุดของข้อมูลในภาพ หากคุณทำวิดีโอคุณรู้ว่าพิกเซลไม่จำเป็นต้องเป็นสี่เหลี่ยมจัตุรัสซึ่งไม่ใช่สี่เหลี่ยมในรูปแบบวิดีโอที่เก่ากว่าทั้งหมด สี่เหลี่ยมจัตุรัสหรือไม่พิกเซลยังคงเป็นหน่วยที่เล็กที่สุดของรูปภาพ

นิ้ว (เอาล่ะเพื่อให้คุณรู้อย่างนี้แล้ว - หมีกับฉัน) เป็นหน่วยของการวัดเชิงเส้นบนพื้นผิวซึ่งอาจจะเป็นหน้าจอหรือชิ้นส่วนของกระดาษ

จุดคือดีจุด มันอาจเป็นจุดบนหน้าจอหรืออาจเป็นจุดที่เกิดจากหัวพิมพ์ เช่นเดียวกับจุดพิกเซลคืออะตอม พวกเขาอยู่ที่นั่นหรือไม่ รายละเอียดของหน้าจอที่สามารถแสดงได้มากน้อยเพียงใดนั้นขึ้นอยู่กับว่าจุดนั้นอยู่ใกล้แค่ไหน จุดเล็ก ๆ นั้นมาจากอิงค์เจ็ทเครื่องพิมพ์เลเซอร์หรืออิมเมจเซ็ตเตอร์กำหนดว่ารายละเอียดสามารถทำซ้ำได้ดีเพียงใด

จุดต่อนิ้วนั้นค่อนข้างง่าย หน้าจอมีจุดจำนวนมาก (แต่ละจุดประกอบด้วยองค์ประกอบ R, G และ B) ต่อนิ้วของหน้าจอ มันเหมือนกันบนกระดาษ เครื่องพิมพ์ขนาด 1200 dpi สามารถวางได้ 1200 จุดในหนึ่งนิ้วเชิงเส้น ในการอธิบายรายละเอียดหน้าจอหรือเอาต์พุตเครื่องพิมพ์จุดต่อนิ้วเป็นคำที่ถูกต้อง

PPIเป็นที่ที่ความสับสนเกิดขึ้นภาพมีพิกเซลจำนวนมาก ข้อมูลเมตาของมันมีขนาดเอาต์พุตเป็นนิ้วซม. มม. M & Ms ไม่ว่าจะเป็นอะไรก็ตาม ความกว้างเป็นพิกเซลหารด้วยความกว้างผลลัพธ์ในข้อมูลเมตาที่ "ต่อนิ้ว" มาจาก ดังนั้นภาพเดียวกันที่มีข้อมูลเมตาที่แตกต่างกันอาจเป็น 72 ppi, 150 ppi หรือ 8000 ppi ข้อมูลภาพเหมือนกัน สิ่งที่เปลี่ยนแปลงทั้งหมดคือข้อมูลเมตา

การสาธิตที่ง่ายและรวดเร็วซึ่งค่อนข้างแสดงให้เห็นถึงจุดนั้นคือการทำเครื่องหมายบนชิ้นส่วนยางยืดซึ่งพูดได้ห้าถึงนิ้ว ยืดยางยืดให้ยาวเป็นสองเท่า จำนวนเครื่องหมายไม่เปลี่ยนแปลงแม้ว่า "เครื่องหมายต่อนิ้ว" ตอนนี้คือ 2.5

คุณสามารถเห็นสิ่งนี้ได้ใน Photoshop ถ้าคุณปิดResample Imageและเปลี่ยนขนาด ค่า ppi จะเปลี่ยนแปลงเพื่อสะท้อนว่าพิกเซลจะต้องมีการทำซ้ำเพียงเล็กน้อยเพื่อที่จะตีค่าการวัดเป็นนิ้ว / cm / mm เป็นต้นโปรดทราบว่าในกรณีนี้Pixelsฟิลด์จะถูกปิดใช้งาน คุณไม่สามารถเปลี่ยนค่าเหล่านั้นได้เว้นแต่คุณจะลองใหม่อีกครั้ง

ความสับสนจำนวนมากเข้ามาเมื่อพิกเซลของภาพถูกจับคู่กับจุดบนหน้าจอในเว็บเบราว์เซอร์ ภาพขนาด 200 พิกเซลจะแสดงเป็น 200 พิกเซลในเบราว์เซอร์ วิธีที่มีขนาดใหญ่จะเป็นวัดที่มีผู้ปกครองขึ้นอยู่กับจุดต่อนิ้วของหน้าจอ ข้อมูลเมตาของภาพอาจบอกว่าเป็น 200 ppi หรือ 72 ppi หรือ 1 ppi แต่จะยังคงมีจุดบนหน้าจอ 200 จุด โลกยังคงจับจ้องอยู่ที่ "72 ppi สำหรับเว็บ" ดังนั้นคำถามที่ว่า "อะไรคือความละเอียดที่เหมาะสมสำหรับภาพบนเว็บ" ที่กำลังจะเกิดขึ้นและคำตอบที่ถูกต้อง

หากคุณยังอยู่กับฉันมีขั้นตอนสุดท้ายที่นำทั้งสองเข้าด้วยกัน

ภาพกว้าง 720 พิกเซลที่ความกว้าง 10 นิ้วมีความละเอียด 72 พิกเซลต่อนิ้ว หากคุณพิมพ์บนเครื่องพิมพ์ความละเอียด 1200 dpi จะมี 1200 จุดต่อนิ้วบนกระดาษ แต่ภาพที่ยังคงเป็น 72 พิกเซลต่อนิ้ว นั่นเป็นเหตุผลว่าทำไมมันดูเหมือนอึ ในทางกลับกันภาพขนาด 7200 พิกเซลที่พิมพ์ที่ความกว้าง 1 นิ้วจะเกินความละเอียดของเครื่องพิมพ์ 1200 dpi ของเรา Photoshop (เช่นสมมติว่า) และไดรเวอร์เครื่องพิมพ์เป็นตัวกำหนดว่าจะทิ้งพิกเซลใดและควรพิมพ์แบบใด จุดที่พิมพ์บางจุดจะถูกเฉลี่ยในพิกเซลภาพที่อยู่ติดกัน แต่ไม่ว่าข้อมูลภาพบางส่วนจะต้องถูกโยนทิ้งไป ผลลัพธ์จะเป็น 1200 dpi แต่ความละเอียดของภาพที่พิมพ์จะลดลงเหลือมากถึง 1200 dpi โดยซอฟต์แวร์


อืมสิ่งที่ดี แต่คิดว่าการพูดถึง "จุดต่อนิ้ว" สำหรับหน้าจอจะทำให้เกิดความสับสน ...
e100

2
อาจเป็นเรื่องที่ควรค่าแก่การกล่าวถึงเช่นกันว่าแต่ละพิกเซลในภาพสามารถเป็นสีใดก็ได้ในพื้นที่สีที่ใช้งานได้จุด (โดยเฉพาะในการพิมพ์ดิจิทัล) โดยทั่วไปจะมีข้อ จำกัด มากกว่า เครื่องพิมพ์ 1200 dpi สามารถพิมพ์ได้ 1200 จุดต่อนิ้ว (โดยปกติคือ 1200 จุดต่อนิ้วต่อสี) แต่แต่ละจุดนั้นเป็นแบบเปิด / ปิดหรือมีขนาด จำกัด (โดยปกติจะสี่หรือน้อยกว่า) ซึ่งหมายความว่าคุณต้องมีกลุ่มจุดรวมเข้าด้วยกันเพื่อสร้างลักษณะที่ปรากฏของสีของพิกเซลอย่างแม่นยำ (ต่อ)
Stan Rogers

2
การพิมพ์อิมเมจ 300ppi (ความละเอียดการพิมพ์) บนเครื่องพิมพ์ 1200dpi นั้นหมายความว่าแต่ละสีมี 16 จุด (ที่มี "ความลึก" ต่ำสำหรับแต่ละจุด) เพื่อแสดงแต่ละพิกเซลเหล่านั้น ในขณะที่ระบบเครื่องพิมพ์ / ไดรเวอร์นั้นค่อนข้างดีเมื่อเทียบกับรุ่นอื่น แต่นั่นก็ยังเป็นโทนเสียงที่น่าสงสาร นั่นเป็นเหตุผลว่าทำไมเครื่องพิมพ์ดิจิทัลที่มีค่าหมึกมากกว่าสี่ (สีดำที่อ่อนกว่าสีฟ้าอ่อนสีม่วงแดงอ่อนและบ่อยครั้งที่สีที่บริสุทธิ์หนึ่งหรือหลายอย่างซึ่งปกติจะผสม) สามารถพิมพ์ได้ดีกว่า $ 50 1200dpi สี่สี all-in-one กลุ่มจุดแต่ละจุดที่ใช้ในการพิมพ์พิกเซลสามารถแสดงโทนสีที่ใหญ่กว่ามาก
Stan Rogers

@ สแตน - ฉันอยากจะแนะนำให้คุณพับข้อมูลนี้เป็นคำตอบ
e100

ดังนั้นพิกเซลคือการเข้ารหัส (สี) ของสิ่งที่ควรแสดงใน / บนจุด?
samis

2

Alan ครอบคลุมพื้นฐานส่วนใหญ่ค่อนข้างดี ฉันต้องการเน้นไม่เพียง แต่ความแตกต่างระหว่าง DPI และ PPI แต่ยังรวมถึงความสัมพันธ์ระหว่าง PPI และความละเอียดในการแสดงผล (ซึ่งเป็นเพียงตัวเลขดิบของพิกเซลในจอแสดงผล)

ฉันคิดว่าหลายคนจำวันที่มีค่าเหล่านั้นได้เมื่อเราเปลี่ยนจาก VGA เป็น SVGA เป็น XGA มันดีอยู่พักหนึ่งเมื่อผู้บริโภคส่วนใหญ่มีจอภาพที่มีรายละเอียดคล้ายกับ 1024px X 768px @ 72 PPI และเรามีเป้าหมายที่ปลอดภัยสำหรับกราฟิกแสดงผล

ความพึงพอใจนี้ยังคง ชัดเจนแต่ไม่สมจริงมากขึ้น ผู้ผลิตโทรศัพท์มือถือหลายรายได้มุ่งเน้นที่การเพิ่มความละเอียดในขณะที่หน้าจอจริงเปลี่ยนแปลงเล็กน้อย ผลที่ได้คือ PPI ที่เพิ่มขึ้นในปัจจัยรูปแบบมือถือขนาดเล็ก สิ่งนี้ให้โอกาสมากมายในการสร้างกราฟิกโดยไม่ตั้งใจซึ่งไม่มีประโยชน์ (หรือเกือบจะไม่ดี) โดยระบบปฏิบัติการจะถูกปรับขนาดอัตโนมัติโดยเสียค่าใช้จ่ายจากขอบที่สะอาดที่คุณทำงานอย่างหนัก)

ตัวอย่างจริงของโลกที่ง่ายคือiPhone ของ Apple 3 รุ่นแรกมีหน้าจอ 89 มม. (แนวทะแยง) ที่มี 320px X 480px (163 PPI) จากนั้นพวกเขาแนะนำจอแสดงผล "Retina" (สวัสดีฝ่ายการตลาด) ซึ่งชนกับความละเอียดสูงสุด 640px X 480px แต่ก็ยังมีขนาดทางกายภาพเพียง 89 มม. (326 PPI!) BlackBerry ได้ทำการเคลื่อนไหวที่คล้ายกัน (แม้ว่าจะไม่มีการตลาดที่น่าสะพรึง) และดูเหมือนว่าสิ่งเดียวกันนี้กำลังจะเกิดขึ้นกับ iPad เช่นกัน

หนึ่งในคำอื่น ๆ ที่อาจจะเป็นที่น่าสนใจคือกรมทรัพย์สินทางปัญญาหรือDP ไมโครซอฟท์หมายถึงพวกเขาเป็น"อุปกรณ์พิกเซลอิสระ"และบนแพลตฟอร์ม Android ที่พวกเขามี"ความหนาแน่นของพิกเซลที่เป็นอิสระ" พวกเขามีชื่อแตกต่างกันเล็กน้อย แต่เป็นแนวคิดหลักเดียวกัน เป้าหมายคืออนุญาตให้แอป "รู้ DPI" และปรับขนาดข้อความ / วัตถุรอบ ๆ อนุสัญญาคงที่ แอปพลิเคชันที่รับรู้ถึงความหนาแน่นรับรู้ PPI ของจอแสดงผลและ "DPI" ที่คุณต้องการจากนั้นปรับขนาดข้อความและวัตถุให้เหมาะสม

หากคุณออกแบบเว็บไซต์หรือแอพด้วยตัวอักษร 80px คุณอาจคิดว่ามันค่อนข้างใหญ่บนหน้าจอ 163 PPI ของคุณ ข้อความของคุณจะสูงเกือบครึ่งนิ้วซึ่งมีขนาดใหญ่พอสมควรสำหรับโทรศัพท์ แต่โทรศัพท์รุ่นถัดไปออกมาและข้อความของคุณก็สูงเพียง 1/4 "ที่ 326 PPI ซึ่งจะแย่มากเป็นพิเศษหากข้อความของคุณบางส่วนถูกปรับขนาดในหน่วยการวัดอื่นและข้อความตัวอักษรใหญ่กว่าส่วนหัวทันที ข้อความ (บางครั้งฉันยังคงวิ่งข้ามเว็บไซต์ที่ทำผิดพลาดนี้) หากคุณใช้ DIP / DP เป็นสเกลคุณสามารถถือโทรศัพท์ทั้งสองแบบเคียงข้างกันและข้อความจะมีขนาดเท่าเดิม (แม้ว่าอาจจะชัดกว่าก็ตาม ในรุ่น DPI ที่สูงกว่า)

อย่างไรก็ตาม PPI อาจทำให้การวัดมีความสับสนมากที่สุด แต่ก็เป็นเรื่องสำคัญอย่างยิ่งที่จะต้องให้ความสนใจ หากคุณมีตัวเลือกในการออกแบบด้วยหน่วย DIP หรือ DP มันควรจัดการกับการคาดเดาบางอย่างสำหรับคุณและช่วยให้คุณสามารถกำหนดเป้าหมายการแสดงผลที่กว้างขึ้นโดยไม่ต้องเพิ่มภาระทางเทคนิคของคุณ

ฉันขอโทษที่คำตอบนี้เป็นหน้าจอเป็นศูนย์กลางฉันไม่ค่อยตะลุยพิมพ์


AFAIK, Microsoft ใช้เรียก DIP TWIPS มันมีประโยชน์สำหรับกรณีที่หน้าจอเป็นวิวพอร์ตมากกว่า: แอปพลิเคชั่นมากมายบนสมาร์ทโฟนอนุญาตให้ซูมภาพและในกรณีนี้หน้าจอคือวิวพอร์ตที่วัดในหน่วยทางลอจิคัล หน้าจอ PPI ที่สูงขึ้นจะช่วยให้ภาพดูดีขึ้นที่ระดับการซูมต่ำ
horatio

ฉันคิดว่า iPhone 4 "เรตินาแสดง" ความละเอียดสูงกว่า 960px x 640px (QHD)
FooF

2

DPI = จำนวนอุปกรณ์การพิมพ์และการแสดงผลที่แตกต่างกันต่อจุด

PPI = จำนวนพิกเซลเป็นนิ้วของอุปกรณ์แสดงผลวิดีโอ

ซอฟต์แวร์จำนวนมากเช่น photoshop ใช้ DPI สำหรับคำจำกัดความทั้งสอง

UPDATE:

e100 มีฉันตอนนี้ถามความคิดเห็นของฉันเกี่ยวกับเรื่องนี้ (ซึ่งเป็นสิ่งที่ดี!) และในการทำวิจัยเพิ่มเติมฉันต้องปรับปรุงความคิดเห็นของฉันเล็กน้อย

ประวัติศาสตร์ DPI หมายถึงกระบวนการพิมพ์ ... คือจำนวนจุดที่เครื่องพิมพ์สามารถผลิตบนกระดาษได้ PPI หมายถึงจำนวนพิกเซลต่อนิ้วของจอภาพของคุณ

ดังนั้นสิ่งหนึ่งคือกระบวนการพิมพ์บนกระดาษส่วนอีกเรื่องเกี่ยวกับฮาร์ดแวร์แสดงผลของคุณ

ไม่เกี่ยวกับ 'ความละเอียดต่อนิ้ว' ของภาพดิจิทัลของคุณโดยตรงแม้ว่าทั้งคู่ดูเหมือนจะมีความสัมพันธ์กับจุดที่เกือบจะเหมือนกันในหลาย ๆ ด้าน

สมมุติว่าคุณมีเครื่องพิมพ์เลเซอร์ขนาด 1200dpi นั่นหมายถึงกระดาษทุกนิ้วที่เครื่องพิมพ์สามารถสร้างจุดที่ไม่ซ้ำกัน 1200 จุด

ตอนนี้ ... ต่อปัญหาการกำหนดการตั้งค่า DPI / PPI ให้กับรูปภาพดิจิทัล

ภาพดิจิทัลประกอบด้วยพิกเซล ตราบใดที่ภาพยังคงเป็นดิจิตอลมันไม่สนใจว่า PPI ที่คุณบอกจะเป็นอะไรเพราะมันจะแสดงผลตามพิกเซลรวมเสมอ สำหรับ isntance รูปภาพ 1000px x 1000px โดยค่าเริ่มต้นในเว็บเบราว์เซอร์จะมีความกว้าง 1,000px

การให้ภาพมีความสำคัญกับการตั้งค่า DPI / PPI คือเมื่อพิมพ์ ... นั่นคือวิธีที่ซอฟต์แวร์คำนวณขนาดทางกายภาพของเอาต์พุตอะนาล็อก ดังนั้นรูปภาพ 1000px x 1000px ของคุณที่มีการตั้งค่า DPI 500dpi จะส่งผลให้ขนาดภาพกำลังพิมพ์ 2 นิ้ว

สิ่งที่ทำให้เกิดความสับสนคือ IIRC นั้น Photoshop ใช้คำว่า DPI ในอดีตเป็นคำศัพท์สำหรับสิ่งนี้ แม้ว่ามันจะดูเหมือนชัดเจนตอนนี้ใช้คำว่า 'PPI'

ด้วยเหตุนี้ฉันจึงบอกว่าคำใดคำหนึ่งมีความเหมาะสมเมื่ออ้างถึงข้อมูลเมตาความละเอียดเอาต์พุตในซอฟต์แวร์แก้ไขกราฟิกของคุณ

ดังนั้นโดยสรุปคำจำกัดความของฉันจะเป็น:

DPI = ข้อมูลจำเพาะสำหรับเครื่องพิมพ์ของคุณอธิบายถึงรายละเอียดของภาพที่สามารถพิมพ์ PPI = ข้อมูลจำเพาะสำหรับจอภาพของคุณอธิบายถึงรายละเอียดของภาพที่สามารถแสดงสำหรับขนาดทางกายภาพที่กำหนด

ในแง่ของการตั้งค่าภาพสำหรับการพิมพ์ = PPI หรือ DPI เป็นคำที่เหมาะสม ฉันคิดว่า PPI เหมาะสมกว่าสำหรับผู้ที่เกี่ยวข้องกับการสร้างไฟล์ดิจิทัล ในที่สุดคุณจะต้องมีพิกเซลจำนวนมากเพื่อให้ได้ผลลัพธ์ที่ดี DPI เหมาะสมกว่าสำหรับผู้ที่พิมพ์ไฟล์ดิจิทัลเนื่องจากเป็นคำที่เหมาะสมสำหรับสำนักบริการ / เครื่องพิมพ์โลก


ยังไม่พบที่ Photoshop ทำผิด ...
e100

2
Photoshop มีการตั้งค่า DPI ที่ใช้ในการลองและจำลอง PPI เฉพาะเมื่อคุณดูภาพที่ 'ขนาดจริง' โปรดทราบว่ารูปภาพไม่ได้มีการตั้งค่า PPI จริง ๆ PPI เป็นการวัดความหนาแน่นของหน้าจอไม่ใช่ภาพของคุณ เท่าที่ภาพของคุณพิกเซลเป็นพิกเซล
DA01

การตั้งค่า DPI นี้ใน Photoshop อยู่ที่ไหน (ฉันไม่มีแอพที่จะส่ง)
e100

1
ก็คือ PPI ใน 5.5 (ไม่ใช่ CS 5.5) ที่ฉันเปิดไว้ที่นี่และอายุ 13 ปี
e100

3
PPI นั้นใช้สำหรับการคำนวณขนาดทางกายภาพเพื่อวัตถุประสงค์ในการส่งออกเท่านั้น ไม่มีการเปลี่ยนแปลงในภาพตัวเองเท่านั้นเมตาดาต้าของมัน กาลครั้งหนึ่งเป็นไปได้ที่จะบอก Photoshop ว่าความละเอียดของหน้าจอจริงเป็นพิกเซล (จุดบนหน้าจอจริง ๆ ) ต่อนิ้วดังนั้น "ขนาดจริง" จึงมีความแม่นยำ ฉันไม่พบการตั้งค่านั้นในการค้นหาอย่างรวดเร็วใน CS5 มีบทความเกี่ยวกับเรื่องนี้โดย Scott Kelby, iirc เมื่อหลายปีก่อน ฉันจะต้องค้นหามัน
อลัน Gilbertson

2

เริ่มตอบคำถามของตัวเองฉันคิดว่าหนึ่งในปัญหาที่อธิบายนี้คือมีเพียงบางส่วนของเรื่องทั้งหมดที่เกี่ยวข้องกับงานประจำวันของทุกคนเว้นแต่คุณจะครอบคลุมขอบเขตจากผู้ออกแบบเว็บ / แอพเพื่อพิมพ์นักออกแบบเพื่อเตรียมพิมพ์ ผู้เชี่ยวชาญ ดังนั้นฉันอาจจะกลับมาที่นี่และปรับแต่งสำหรับผู้ชมที่แตกต่างกัน


พิกเซลต่อนิ้ว (ppi) เป็นการวัดความละเอียดในสองบริบทที่แตกต่างกัน

(a) ความละเอียดของภาพที่พิมพ์ตามขนาดจริง

นี่ไม่ใช่คุณสมบัติที่แท้จริงของไฟล์รูปภาพ พิกเซลไม่มีมิติที่แท้จริงของโลกดังนั้น ppi จึงไม่มีความหมายจนกว่าภาพจะถูกพิมพ์หรืออย่างน้อยก็ระบุไว้ในรูปแบบการพิมพ์ที่ใช้การวัดทางกายภาพ (นิ้วหรือมม.)

เช่น 1. คุณมีภาพสี่เหลี่ยมจัตุรัสขนาด 1,000px ใน Photoshop และคุณพิมพ์เพื่อให้มีขนาด 3 นิ้ว ความละเอียดของการพิมพ์คือ 333ppi

เช่น 2 จากนั้นคุณวางไว้ในเค้าโครง InDesign ที่ 1.5 นิ้วสี่เหลี่ยมและ PDF เครื่องมือเตรียมพิมพ์ของ Acrobat บอกคุณได้ว่าเป็น 666dpi - เมื่อพิมพ์

เช่น 3. คุณดูในเว็บเบราว์เซอร์บนอุปกรณ์ต่าง ๆ มันคือสี่เหลี่ยมจัตุรัสขนาด 1,000px ไม่ว่าขนาดหน้าจอของคุณจะเป็นเท่าใดก็ตาม ขนาดทางกายภาพแตกต่างกันอย่างไรก็ตาม

เช่น 4. คุณกลับไปที่ Photoshop และสังเกตว่าภาพนั้นถูกตั้งไว้ที่ 72ppi ตลอดและมันก็ไม่ได้สร้างความแตกต่างให้กับกรณีเหล่านี้ คุณเปลี่ยนเป็น 144ppi (โดยไม่มีการสุ่มตัวอย่างนั่นคือจำนวนพิกเซลไม่เปลี่ยนแปลง) และพบว่าไม่มีความแตกต่างกับกรณีใด ๆ

เช่น 5. หลังจากการทดลองเล็กน้อยคุณจะพบว่า ppi สร้างความแตกต่างเมื่อคุณพิมพ์จาก Photoshop ที่ระดับ 100% แต่การเปลี่ยนแปลงขนาดการพิมพ์นั้นเกี่ยวข้องกันโดยตรง (และผกผัน) และทั้งคู่เป็นเพียงข้อมูลเมตาที่ระบุว่าควรพิมพ์ภาพอย่างไรและสามารถแทนที่ได้อย่างง่ายดาย

(b) ความละเอียดทางกายภาพของอุปกรณ์แสดงผล

กลับไปที่ 3 เช่นภาพที่แสดงขนาดแตกต่างกันเนื่องจากหน้าจอมีตารางฮาร์ดแวร์คงที่ของพิกเซล ดังนั้น PPI ในกรณีนี้จึงเป็นคุณสมบัติที่แท้จริงของฮาร์ดแวร์

คุณสามารถวัดค่า PPI ของหน้าจอได้อย่างง่ายดายหากคุณทราบขนาดของพิกเซลเพียงแค่แบ่งความสูง (หรือความกว้าง) เป็นพิกเซลด้วยความสูง (หรือความกว้าง) ที่วัดด้วยไม้บรรทัด แม็คเครื่องแรกมี 72ppi; แล็ปท็อปสูงถึงประมาณ 130ppi; สมาร์ทโฟนปัจจุบัน 200ppi + สูงถึง 330ppi ของ iPhone 4


Dots per inch (dpi) คือการวัดทางกายภาพของความละเอียดเอาต์พุตของอุปกรณ์การพิมพ์

จุดต่างๆนั้นมีหยดหมึกแต่ละอัน

(ยังมีต่อ)

NB คำนี้ใช้กันทั่วไปเพื่อหมายถึง ppi ในประสาทสัมผัสทั้งสองข้างต้น

โดยส่วนตัวแล้วฉันถือว่าสิ่งนี้ไม่ถูกต้อง แต่อาจยึดติดอยู่และแหล่งที่มาของความสับสนอย่างต่อเนื่อง


การเริ่มต้นที่ดี! ในท้ายที่สุดในแง่ของ 'ความหนาแน่นของข้อมูลภาพ' PPI และ DPI สามารถใช้แทนกันได้ ไม่ว่าเราจะเรียกหน่วยของข้อมูลเป็นพิกเซลหรือจุดนั้นจะมีความคลาดเคลื่อนและไม่แน่นอน ฉันโน้มตัวไปสู่ ​​PPI เป็นคำศัพท์ที่ทันสมัยมากขึ้น แต่ก็ยังไม่เห็นความแตกต่างในคำจำกัดความที่มี DPI เมื่อเรากำลังพูดถึงความหนาแน่นของข้อมูลภาพ ความแตกต่างของคำศัพท์จะชัดเจนขึ้นเมื่อเราพูดถึงฮาร์ดแวร์: เครื่องพิมพ์กับหน้าจอ
DA01

0

ฉันจะไม่ตอบสิ่งที่แตกต่างระหว่าง DPI และ PPI ฉันจะตอบคำถามพื้นฐานเพิ่มเติม

ความแตกต่างระหว่างจุดและพิกเซลคืออะไร?

จุด

ฉันจะทิ้งคำจำกัดความทางคณิตศาสตร์เรขาคณิตและแนวคิดออกจากคำตอบนี้ ฉันแค่หมายถึงศิลปะภาพพิมพ์

จุดคือจุดเล็ก ๆ เล็ก ๆ ของสิ่ง (หยดหมึก, อนุภาคฝุ่น) ที่ใช้กับสื่อสิ่งพิมพ์ทางกายภาพ โดยปกติแล้วมันเป็นสิ่งที่เล็กที่สุดที่คุณมีบนสื่อนั้น ไม่ว่าคุณจะมีจุดหรือคุณไม่มี

พิกเซล

พิกเซลกำหนดสิ่งต่าง ๆ ใช่เราน่าจะเรียกบางคนในวิธีที่แตกต่างกัน)

I. ข้อมูลเล็ก ๆ น้อย ๆ เกี่ยวกับไฟล์ภาพดิจิตอล

มันเป็นบล็อกข้อมูลเล็ก ๆ ไม่ใช่จุด จุดสามารถมีหรือไม่ ในทางตรงกันข้ามพิกเซลสามารถเก็บค่าหนึ่งในหลายล้านค่า

ลองนึกภาพร้านค้าที่คุณสามารถซื้อเล็บได้หรือไม่ซื้อก็ได้ นั่นคือจุด

ตอนนี้ลองนึกถึงร้านค้าที่คุณสามารถเลือกซื้อสินค้าได้หลายล้านรายการ นั่นคือพิกเซล

จำนวนตัวเลือกให้เลือกในร้านนี้ได้รับจากความลึกของร้านค้าในกรณีนี้ความลึกบิต ตั้งแต่เปิด - ปิดจนถึงหลายล้านตัวเลือก

สิ่งหนึ่งที่เกี่ยวกับพิกเซลก็คือมันมี มันมีตำแหน่งที่กำหนดสิ่งที่สามารถเปลี่ยนแปลงได้คือมูลค่าของมัน

ครั้งที่สอง ส่วนที่เล็กที่สุดของหน้าจอที่สามารถเปลี่ยนเพื่อแสดงเฉดสีที่แตกต่างกัน

ใช่เราสามารถรับจำนวนพิกเซลหน้าจอนี้ที่เรามีบนจอภาพจริง แต่โชคดีสำหรับเราที่ผู้คนให้จำนวนทั้งหมด FullHD, 4K บนหน้าจอ 50 "

องค์ประกอบนี้จะต้องมีชื่อแตกต่างจาก "พิกเซล" ของภาพดิจิตอล


หมายเหตุสิ่งหนึ่ง จุดสามารถใช้ในขอบเขตของคณิตศาสตร์, เรขาคณิต, ภาพวาด, ศิลปะภาพพิมพ์ ฯลฯ พิกเซลในไฟล์ดิจิตอลหน้าจอหรือการฉายภาพ คุณเพียงแค่ต้องรู้ว่าบริบทคืออะไร


-3

DPI ใช้สำหรับการพิมพ์ PPI ใช้สำหรับทุกสิ่งบนหน้าจอสำหรับสิ่งต่าง ๆ เช่นเกมหรือแบนเนอร์ออนไลน์เป็นต้น


2
สวัสดีและยินดีต้อนรับสู่ GD.SE สิ่งนี้ปรับปรุงคำตอบที่มีอยู่ได้อย่างไร โดยทั่วไปเรามักจะหลีกเลี่ยงหนึ่งคำตอบและไปหาสารเพิ่มเติม ไม่ใช่ว่าเราไม่ต้องการให้คุณอยู่ที่นี่เราทำ แต่ประเด็นของการเปลี่ยนแปลงคือการสร้างแหล่งเก็บข้อมูลของคำตอบที่ยอดเยี่ยม และค่อนข้างตรงไปตรงมามีช่วงของการเรียนรู้เล็กน้อย ... ยินดีต้อนรับ
joojaa
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.