ควรใช้ DPI ใดในสถานการณ์ใดบ้าง


30

ฉันเห็นคำว่า 'DPI' ปรากฏขึ้นมากมายเมื่อฉันส่งออกผลงานของฉันใน Photoshop และ Illustrator ในขณะที่ฉันรู้ว่า DPI ย่อมาจาก 'จุดต่อนิ้ว' และถ้าคุณมี DPI ต่ำเกินไปบนภาพความละเอียดที่หนักหน่วงจะเกิดขึ้นหากคุณพยายามซูมเข้า DPI ที่เหมาะสมที่สุดสำหรับสถานการณ์แบบใด

ตัวอย่าง (สถานการณ์):

  • การส่งออกการออกแบบ A4 พิมพ์
  • รูปแบบเว็บไซต์
  • โลโก้ (เฉพาะเว็บไซต์ - มีขนาดเล็กกว่า SE กราฟิคปัจจุบันเล็กน้อย)
  • โลโก้ (ปรับขนาดขึ้นและลง - จากนามบัตรไปจนถึงแบนเนอร์ขนาดใหญ่)

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

"ฉันเห็นคำว่า 'DPI' ปรากฏขึ้นมากมายเมื่อฉันส่งออกผลงานของฉันใน Photoshop และ Illustrator" ที่ไหนกันแน่? คุณสามารถให้ภาพหน้าจอได้หรือไม่?
e100

เห็นด้วย แต่ 72 dpi สำหรับเค้าโครงเว็บเป็นข้อตกลงที่ดีที่สุดสำหรับขนาดตัวอักษรใน pt และ px (ใน photoshop)
benoît

คำตอบ:


19

ฉันคิดเสมอว่า DPI นั้นเป็นคนเรียกชื่อผิด ... มันใช้ได้เฉพาะในกรณีที่คุณกำลังพิมพ์ภาพเท่านั้นมิฉะนั้นพิกเซลก็คือพิกเซล สำหรับรูปภาพในไซต์แล้วมันไม่สำคัญเลยว่าจะต้องมีจำนวนมากที่สุดเท่าที่จะเป็นไปได้เพื่อให้พอดีกับขนาดที่ต้องการ เครื่องพิมพ์มีความแตกต่างกันบ้าง แต่ประมาณ 300 DPI มักเป็นกฎง่ายๆสำหรับทุกขนาดของกระดาษหรือเล็กกว่า

สำหรับโลโก้ฉันหวังว่าพวกเขาจะได้รับการออกแบบในโปรแกรมเวกเตอร์ซึ่งหมายความว่า DPI สามารถปรับได้ตามขนาดของวัตถุ


1
ฉันไม่คิดว่ามันเป็นชื่อเรียกผิด (มันคือจุดบนกระดาษหลังจากทั้งหมด) แต่คุณถูกต้องที่ DPI จะใช้กับการพิมพ์เท่านั้นและไม่แสดงบนหน้าจอ ฉันได้อธิบายอย่างละเอียดเกี่ยวกับคำตอบนี้graphicdesign.stackexchange.com/questions/1760/…
jhocking

7

ฉันเพิ่งอ่านjrista ของ มหัศจรรย์Q & Aจากphoto.stackexchange

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

เนื้อหาถาม & ตอบปัจจุบัน:


5

โดยเฉพาะใน PPI สำหรับเว็บหรือภาพบนหน้าจออื่น ๆ : 72PPI (หรือ 75 หรือ 96) เป็นตำนาน

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

  • หากเอกสาร Photoshop ของคุณเป็น 72ppi มันไม่สำคัญว่าหน่วยแบบอักษรของคุณจะถูกตั้งค่าเป็นจุดหรือพิกเซลเนื่องจากพวกเขาจะให้ผลลัพธ์เดียวกันสำหรับค่าตัวเลขใด ๆ สิ่งนี้อาจสะดวกกว่านี้เล็กน้อย แต่จริงๆแล้วมันไม่เข้าท่าที่จะใช้คะแนนในภาพที่เป็นพิกเซล มันเหมือนกับการพยายามทำเว็บแบนเนอร์ขนาด 1.5 ซม. x 10 ซม. หรือหน้าเว็บ 12 นิ้ว

อีกสถานการณ์หนึ่งที่ฉันสามารถนึกถึงว่า PPI นั้นเกี่ยวข้องกับอะไร:

  • ตำแหน่งที่คุณต้องการพิมพ์เค้าโครงหน้าจอในขนาดเดียวกันมันจะปรากฏบนหน้าจอที่กำหนด ในกรณีนี้คุณต้องตั้งค่า PPI ของภาพให้เป็นหน้าจอ

    เนื่องจากความละเอียดของการแสดงผลนั้นแตกต่างกันอย่างมากนี่จะเป็นการประมาณที่ดีที่สุดสำหรับอุปกรณ์ที่กำหนดและบนจอแสดงผลแบบทันสมัยมีแนวโน้มที่จะเป็น 100PPI หรือสูงกว่า (สูงกว่ามากใน iPhone 4) แต่ถ้าคุณออกแบบสำหรับอุปกรณ์เดียวมันอาจมีประโยชน์

(ฉันคิดว่าฉันเจอตัวอย่างอีกตัวอย่างหนึ่งที่จำเป็นต้องเตรียมรูปภาพที่ 100dpi เมื่อใช้ MS Word เพื่อจัดวางอีเมล HTML แต่ฉันไม่ต้องการไปที่อีกครั้ง)


1
เกี่ยวกับ Retina iPhones และ Retina iPads (และอาจเป็น Retina Macs): Apple กำหนดจุดหนึ่งจุดเป็นสองพิกเซลดังนั้นคะแนนจึงมีความสำคัญ แต่ไม่ใช่ในแบบที่ @JFW อาจถาม ฉันเห็นด้วยกับทุกสิ่งที่คุณพูด ถ้าคุณต้องการทำให้ชีวิตของคุณง่ายขึ้นเว็บและแอพ PSD ควรเป็น 72PPI แต่ส่วนใหญ่ไม่สำคัญ
Marc Edwards

3

สำหรับภาพถ่ายที่กำลังพิมพ์ด้วยการกดออฟเซตกฎของหัวแม่มือคือคุณต้องการความละเอียดของภาพถ่ายที่จะเป็นสองเท่าของระยะห่างระหว่างจุดของหน้าจอสกรีน ตัวอย่างเช่นคุณมีหน้าจอ 150lpi ภาพของคุณควรมีขนาดอย่างน้อย 300dpi ที่ขนาดสุดท้าย

จอภาพ LCD ที่ทันสมัยส่วนใหญ่มีความละเอียดทางกายภาพประมาณ 100dpi หรือประมาณนั้น

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


ฉันหวังว่ามันจะอธิบายได้อย่างชัดเจนยิ่งขึ้นว่า "ผสานทั้งสอง" และ "resample ไฟล์ผลลัพธ์กลับเป็นขนาด" อีกครั้ง
Kzqai

โดย 'รวมทั้งสอง' ฉันหมายถึงใช้ photoshop หรือโปรแกรมแก้ไขรูปภาพอื่น ๆ เพื่อวางโลโก้ไว้ในพื้นหลัง ภาพที่คุณมีอยู่ที่ 400% (ตามคำแนะนำในการโพสต์) ทีนี้ย่อมันกลับลงมาที่ 100% โดยใช้ resampling เพื่อปรับมุมของโลโก้
ConcOfOfTunbridgeWells

2

ก่อนอื่นให้ลองใช้เวกเตอร์เมื่อคุณสามารถทำได้ (โดยเฉพาะอย่างยิ่งสำหรับการพิมพ์) เวกเตอร์มี 'อนันต์' DPI

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

เมื่อส่งออกสำหรับหน้าเว็บคุณจำเป็นต้องทราบว่าผลลัพธ์จะต้องมีหน่วยเป็นพิกเซล (ความละเอียด) ใน Illustrator คุณสามารถระบุ DPI และสิ่งนี้จะเปลี่ยนความละเอียดของภาพที่ส่งออก


สับสน DPI และ PPI
e100

1

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

  • ประเภทของภาพ
  • ขนาดของชิ้นสุดท้าย
  • เทคโนโลยีการพิมพ์ประเภทที่ใช้
  • สิ่งที่มันถูกพิมพ์บน
  • เป็นต้น

คำตอบเดียวคือกราฟิกเว็บ: ไม่มีแนวคิดของ DPI สำหรับรูปภาพที่จะปรากฏบนหน้าจอ คุณต้องจัดการกับขนาดพิกเซลเท่านั้น

เมื่อพิมพ์คุณต้องจัดการกับสิ่งต่าง ๆ เช่นประเภทของการพิมพ์ (เช่นการพิมพ์หน้าจอจะมีความละเอียดต่ำกว่าการพิมพ์หินชดเชย) ประเภทของวัสดุพิมพ์ (โดยทั่วไปการพิมพ์บนกระดาษเคลือบดินเหนียวจะใช้ภาพ DPI ที่สูงกว่าการพิมพ์ กระดาษหนังสือพิมพ์จะ) ประเภทของภาพ (ภาพที่พิมพ์ด้วยหน้าจอบรรทัด [เช่นภาพถ่าย] ไม่จำเป็นต้องมีความละเอียดสูงเท่าที่จำเป็นต้องใช้ภาพลายเส้น) ขนาดของชิ้นสุดท้าย (ป้ายโฆษณาไม่ ต้องการความละเอียดเช่นเดียวกับโบรชัวร์มัน) ฯลฯ

โดยทั่วไปแล้วภาพถ่ายจะถูกตั้งค่าไว้ที่ 300DPI การวาดเส้นบางแห่งระหว่าง 600 ถึง 1200DPI การพิมพ์รูปแบบขนาดใหญ่โดยทั่วไปคือ 100DPI หรือประมาณ

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


-1

ปกติฉันจะใช้สิ่งนี้:

  • 72 DPI สำหรับทุกอย่างสำหรับหน้าจอ (บางครั้ง 75 DPI ด้วย) ด้วยวิธีนี้เวอร์ชันที่พิมพ์ของภาพนี้จะเส็งเคร็งหรือเล็ก มีประโยชน์ถ้าคุณต้องการปกป้องภาพของคุณ
  • 150 DPI สำหรับการพิมพ์คุณภาพขนาดเล็ก (การสาธิตสำหรับงานพิมพ์ในอนาคตเว็บไซต์ ฯลฯ สำหรับลูกค้า)
  • 300 DPI (ถึง 450) สำหรับงานพิมพ์คุณภาพดีโดยไม่มีความละเอียดสูง

ภาพเวกเตอร์นั้นมีประโยชน์มาก ประการแรกเนื่องจากเครื่องพิมพ์ระดับมืออาชีพบางรุ่นสามารถผลิตขนาดใดก็ได้จากกระดาษนี้ นอกจากนี้คุณสามารถส่งออกจาก 72 DPI สำหรับเว็บเป็น 300 สำหรับการพิมพ์จากแหล่งเดียวกัน


"72 DPI สำหรับทุกอย่างสำหรับหน้าจอ ... ด้วยวิธีนี้รูปภาพที่พิมพ์ของฉบับนี้จะเส็งเคร็งหรือเล็ก" คุณหมายถึงในสถานการณ์ที่ลูกค้าได้รับสำเนาตัวอย่างที่พิมพ์เท่านั้นไม่ใช่ไฟล์เอง?
e100

สับสน DPI และ PPI
e100

-1

สำหรับการพิมพ์ภาพถ่าย 300dpi ควรจะเพียงพอ สำหรับประเภทหรือสิ่งที่พิมพ์ตัวอักษรใด ๆ 600dpi เป็นวิธีที่จะไป

มันไม่สำคัญเลยบนเว็บ แต่ 72dpi ก็ใช้ได้


1
สับสน DPI และ PPI
e100

-2

300 dpi เป็นมาตรฐานสำหรับโครงการพิมพ์ (โดยเฉพาะสำหรับการพิมพ์ออฟเซต)

ภาพเวกเตอร์มีความละเอียดไม่ จำกัด ดังนั้นควรปรับขนาดโลโก้

โดยปกติจะใช้ 150 dpi สำหรับโครงการขนาดใหญ่พิเศษ

แต่เมื่อพูดถึงเว็บความละเอียดจะอยู่ที่ประมาณ 72 dpi อย่างไรก็ตามเมื่อฉันต้องการคุณภาพที่ดีกว่าสำหรับโลโก้บนเว็บไซต์มันเป็นเรื่องของรูปแบบไฟล์ ฉันใช้ png-24 ซึ่งให้คุณภาพที่ดีกว่าสำหรับโลโก้ jpeg สำหรับรูปภาพใด ๆ


สับสน DPI และ PPI; ไม่มีเหตุผลที่ดีในการสร้างภาพเว็บที่ DPI ใด ๆ โดยเฉพาะ - คุณเพียงแค่สร้างภาพในขนาดพิกเซลที่ต้องการ
e100

-3

เมื่อฉันทำงานที่สำนักพิมพ์กฎอย่างน้อย 600dpi สำหรับการพิมพ์และ 72dpi สำหรับภาพที่ถูกจัดรูปแบบเพื่อวางบนเว็บ


2
ไม่มีเหตุผลที่ดีในการสร้างภาพเว็บที่ DPI ใด ๆ โดยเฉพาะ - คุณเพียงแค่สร้างภาพที่ขนาดพิกเซลที่ต้องการ
e100

-5

96 DPI / PPI สำหรับเว็บ / หน้าจอ Apple ใช้ 72 แต่ Microsoft ใช้ 96 คนส่วนใหญ่ไม่รู้เรื่องนี้ ...


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