ความละเอียดภาพและ DPI อธิบาย: พิกเซล, PPI, และขนาดงานพิมพ์

ปรับปรุงล่าสุด: June 27, 2026

Resolution และ DPI เป็นสองตัวเลขที่ทำให้ผู้คนสับสนมากที่สุดเกี่ยวกับขนาดรูปภาพ Resolution คือจำนวนพิกเซล (เช่น 3000×2000) ส่วน DPI/PPI คือความหนาแน่นของพิกเซลเมื่อนำไปพิมพ์ (เช่น 300 pixels per inch) ทั้งสองค่าเป็นอิสระต่อกัน: ไฟล์พิกเซลเดียวกันสามารถพิมพ์ออกมาได้ขนาดทางกายภาพที่แตกต่างกัน ขึ้นอยู่กับ DPI ที่คุณตั้งค่า คู่มือนี้จะอธิบายว่าแต่ละอย่างหมายถึงอะไร เมื่อใดที่ DPI มีความสำคัญ (การพิมพ์) และเมื่อใดที่ไม่สำคัญ (หน้าจอ) รวมถึงความละเอียดที่กรณีใช้งานแต่ละประเภทต้องการ

คำตอบสั้นๆ: ต้องใช้ความละเอียดและ DPI เท่าไหร่ดี?

ให้จับคู่พิกเซลกับขนาดหน้าจอ; DPI มีความสำคัญเฉพาะสำหรับการพิมพ์เท่านั้น ฉันได้ทดสอบภาพเว็บขนาด 1600px ที่ 72 และ 300 DPI และวัดผลว่าไม่มีความแตกต่างที่มองเห็นได้บนหน้าจอเลย — เบราว์เซอร์จะเพิกเฉยต่อแท็ก DPI และแสดงผลตามมิติของพิกเซล ซึ่งเป็นเหตุผลที่งานเว็บจึงให้ความสำคัญกับพิกเซลเป็นอันดับแรก

สำหรับหน้าจอ มีเพียงมิติพิกเซลเท่านั้นที่มีความสำคัญ สำหรับงานพิมพ์ ให้หารจำนวนพิกเซลด้วย DPI เพื่อให้ได้ขนาดทางกายภาพ: inches = pixels / DPI

ความละเอียดของรูปภาพคืออะไร?

Resolution คือ ขนาดพิกเซล ของรูปภาพ — หมายถึงจำนวนพิกเซลที่กว้างและสูง รูปภาพ 3000×2000 มี 6 ล้านพิกเซล (6 megapixels) พิกเซลที่มากขึ้นหมายถึงรายละเอียดที่มากขึ้น ไฟล์ที่มีขนาดใหญ่ขึ้น และความสามารถในการพิมพ์หรือแสดงผลให้มีขนาดใหญ่ขึ้นก่อนที่รูปภาพจะดูแตกเป็นพิกเซล

Resolution เป็นคุณสมบัติสัมบูรณ์ของไฟล์ รูปภาพ 3000×2000 จะยังคงเป็น 3000×2000 ไม่ว่าจะเป็นบนโทรศัพท์ เว็บเพจ หรืองานพิมพ์ — จำนวนพิกเซลจะไม่เปลี่ยนแปลง

DPI / PPI คืออะไร?

DPI (dots per inch) และ PPI (pixels per inch) คือการตั้งค่า ความหนาแน่น: ว่ามีพิกเซลจำนวนเท่าใดที่ถูกบีบอัดลงในแต่ละนิ้วของผลลัพธ์ PPI ถูกต้องทางเทคนิคสำหรับภาพดิจิทัล; ส่วน DPI อ้างถึงจุดพิมพ์ แต่โดยทั่วไปแล้วคำทั้งสองนี้มักใช้แทนกันในการปฏิบัติจริง

ความสัมพันธ์นี้ง่ายมาก: ขนาดทางกายภาพ = pixels ÷ PPI ภาพกว้าง 3000px ที่ 300 PPI จะพิมพ์ได้กว้าง 10 นิ้ว (3000 ÷ 300) ในขณะที่ภาพเดียวกันที่ 150 PPI จะพิมพ์ได้กว้าง 20 นิ้ว พิกเซลยังคงเท่าเดิม แต่ขนาดทางกายภาพแตกต่างกัน — รายละเอียดของไฟล์ไม่เปลี่ยนแปลง มีเพียงแค่ว่าแต่ละพิกเซลมีขนาดใหญ่แค่ไหนบนกระดาษ

DPI มีผลต่อหน้าจอหรือไม่?

ไม่ Browsers และหน้าจอเรนเดอร์รูปภาพด้วย pixels ไม่ใช่ด้วยข้อมูลเมตาของ DPI/PPI รูปภาพกว้าง 1600px จะแสดงผลที่ 1600 CSS pixels ไม่ว่าแท็ก DPI ของมันจะระบุว่า 72, 300 หรือค่าอื่น ๆ ก็ตาม การเปลี่ยนการตั้งค่า DPI ในโปรแกรมแก้ไขรูปภาพไม่ได้เปลี่ยนรูปลักษณ์ของรูปภาพบนหน้าเว็บ

กฎ "72 DPI สำหรับเว็บ" เป็นตำนานที่หลงเหลือมาจากจอภาพรุ่นเก่า สำหรับรูปภาพบนเว็บ ให้ตั้งค่า DPI เท่าที่คุณต้องการ—มันไม่มีผลต่อการแสดงผล สิ่งที่สำคัญคือขนาดพิกเซลและขนาดไฟล์ คำแนะนำการปรับปรุงรูปภาพของ Google image optimization guidance มุ่งเน้นไปที่ไบต์และขนาดการแสดงผล ไม่ใช่ DPI

คุณต้องการความละเอียดแบบไหนสำหรับแต่ละกรณีการใช้งาน?

เลือกความละเอียดตามตำแหน่งที่แสดงภาพ:

• ภาพขนาดย่อสำหรับเว็บ (Web thumbnail): ~400px — สำหรับแสดงผลขนาดเล็ก ไฟล์มีขนาดเล็กจิ๋ว
• ภาพเนื้อหาสำหรับเว็บ (Web content image): 800–1200px —คมชัดทั้งบนมือถือและเดสก์ท็อป
• ภาพฮีโร่สำหรับเว็บ (Web hero): 1600–1920px —เต็มความกว้าง พร้อมสำหรับ Retina
• ภาพพิมพ์ขนาดเล็ก (Small print (4×6")): ~1800×1200 ที่ 300 PPI
• ภาพพิมพ์ขนาดใหญ่ / พื้นที่เผื่อตัด (crop headroom): 3000px+

สำหรับเว็บ ให้ปรับขนาดให้ตรงกับขนาดแสดงผลก่อนบีบอัด — ดู คู่มือการปรับขนาดแบบกลุ่ม สำหรับงานพิมพ์ ให้คำนวณจากขนาดจริง × 300 PPI

ต้องคำนวณความละเอียดสำหรับการพิมพ์ได้อย่างไร?

คูณขนาดทางกายภาพด้วย PPI เพื่อให้ได้จำนวนพิกเซลที่คุณต้องการ:

ตัวอย่างที่ความละเอียด 300 PPI (มาตรฐานสำหรับการพิมพ์ที่คมชัด):

ข้อผิดพลาดทั่วไปคือการส่งภาพขนาดสำหรับเว็บ (1200px) ไปพิมพ์ที่ขนาด 8×10" — ซึ่งมีเพียงประมาณ 150 PPI เท่านั้น ทำให้ดูนุ่มเมื่อมองใกล้ สำหรับงานพิมพ์ ให้เริ่มต้นจากไฟล์ต้นฉบับความละเอียดสูง; ดูคู่มือ convert RAW to JPG.

วิธีการเปลี่ยนความละเอียดและ DPI คืออะไร?

การเปลี่ยนมิติพิกเซล (การปรับขนาด) จะเป็นการเปลี่ยนแปลงรูปภาพอย่างแท้จริง — เพราะมันเพิ่มหรือลบพิกเซล:

การเปลี่ยนแท็ก DPI/PPI จะไม่ได้เปลี่ยนแปลงพิกเซล — แต่มันเพียงแค่ติดป้าย (re-tag) ไฟล์สำหรับขนาดงานพิมพ์เท่านั้น:

ในโปรแกรมแก้ไขรูปภาพ "Image Size" จะเปลี่ยนพิกเซล ส่วน "DPI/Resolution" (โดยไม่มีการปรับขนาดใหม่) เป็นเพียงการติดป้ายเท่านั้น โปรดตรวจสอบให้แน่ใจว่าคุณทราบว่ากำลังทำอะไรอยู่

ความแตกต่างระหว่าง megapixels, resolution และ file size คืออะไร?

ทั้งสามสิ่งนี้มักถูกนำมาปะปนกัน แต่จริงๆ แล้ววัดค่าที่แตกต่างกัน Megapixels คือจำนวนพิกเซลทั้งหมด (ความกว้าง × ความสูง ÷ 1 ล้าน) — รูปภาพขนาด 3000×2000 มีค่าเท่ากับ 6 megapixels Resolution คือมิติของความกว้าง × ความสูงในหน่วยพิกเซล (pixels) File size คือจำนวนไบต์บนดิสก์ ซึ่งขึ้นอยู่กับรูปแบบ (format) และการบีบอัด (compression) ไม่ใช่เพียงแค่จำนวนพิกเซลเท่านั้น ไฟล์ PNG ขนาด 6 megapixels อาจมีขนาดถึง 12 MB ในขณะที่ไฟล์ JPEG ขนาด 6 megapixels ที่มีเนื้อหาเดียวกันอาจมีขนาดเพียง 1.5 MB — มี resolution เดียวกัน แต่ file size ต่างกันมาก สำหรับงานบนเว็บ คุณควรให้ความสำคัญกับ resolution (เพื่อความคมชัดที่ขนาดแสดงผล) และ file size (เพื่อความเร็ว) ส่วน megapixels จะมีประโยชน์หลักเมื่อเปรียบเทียบเซนเซอร์กล้องเท่านั้น บทความของ Adobe resolution and image size reference ได้ครอบคลุมความสัมพันธ์เหล่านี้ในบริบทของการแก้ไขภาพ

ข้อผิดพลาดทั่วไป

• การเชื่อว่า DPI ส่งผลต่อการแสดงผลบนเว็บ ไม่ใช่ — เบราว์เซอร์ใช้พิกเซล กำหนดค่าเป็นอะไรก็ได้
• การส่งภาพที่ขนาดสำหรับเว็บไปใช้กับงานพิมพ์ ภาพ 1200px ขนาด 8×10" มีค่าเพียง 150 PPI และจะดูนุ่มนวล
• การสับสนระหว่างการปรับขนาด (resize) กับการแก้ไขแท็ก DPI การปรับขนาดจะเปลี่ยนพิกเซล แต่การเปลี่ยน DPI โดยไม่มีการ resampling จะไม่ทำเช่นนั้น
• การอัปสเกลเพื่อให้ได้ค่า DPI สำหรับงานพิมพ์ การอัปสเกลไม่สามารถสร้างรายละเอียดขึ้นมาเองได้ — ต้องถ่ายใหม่หรือยอมรับความนุ่มนวล ดูที่ วิธีอัปสเกลภาพ
• การกำหนดขนาดภาพสำหรับเว็บให้ใหญ่เกินความจำเป็น ภาพเว็บ 4000px คือไฟล์ดาวน์โหลด 4000px ที่แสดงผลที่ 800px — เป็นการสิ้นเปลืองไบต์

คำถามที่พบบ่อย

จำเป็นต้องใช้ 72 DPI สำหรับภาพบนเว็บหรือไม่?

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

ฉันต้องการ DPI เท่าไหร่สำหรับการพิมพ์?

300 PPI เพื่อการพิมพ์ที่คมชัดในระยะอ่าน สำหรับโปสเตอร์ที่ดูจากระยะไกลสามารถใช้ 150–200 PPI ได้

DPI ที่สูงขึ้นหมายถึงคุณภาพที่สูงขึ้นหรือไม่?

เฉพาะสำหรับการพิมพ์เท่านั้น และก็ต่อเมื่อคุณมี pixel เพียงพอที่จะรองรับเท่านั้น ภาพขนาด 3000px ที่ 300 PPI จะพิมพ์ได้คมชัด 10 นิ้ว ส่วน pixel เดียวกันที่ 600 PPI จะพิมพ์ได้เพียง 5 นิ้ว — ไม่ใช่ "คุณภาพสูงขึ้น" แต่แค่เล็กลง

ฉันสามารถเพิ่มความละเอียดโดยไม่สูญเสียคุณภาพได้หรือไม่?

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

DPI มีผลต่อหน้าจอหรือไม่?

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

ฉันคำนวณความละเอียดในการพิมพ์ได้อย่างไร?

คูณขนาดทางกายภาพเป็นนิ้วด้วย DPI การพิมพ์ขนาด 4×6 นิ้วที่ 300 DPI ต้องใช้ 4×300 โดย 6×300 = 1200×1800 pixels หากภาพของคุณมี pixel น้อยกว่านี้ มันจะดูนุ่มเมื่อพิมพ์ในขนาดและ DPI นั้น ดู คู่มือความละเอียด

PPI บนหน้าจอคืออะไร?

Pixels per inch — คือความหนาแน่นที่จอแสดงผลจัดเรียง pixel ซึ่งกำหนดว่าภาพที่กำหนดจะดูคมชัดเพียงใดที่ขนาดทางกายภาพที่กำหนด หน้าจอที่มีค่า PPI สูง (retina) จะแสดงภาพ 1x ว่านุ่ม ทำให้ retina ต้องใช้ asset แบบ 2x PPI เป็นคุณสมบัติของหน้าจอ ไม่ใช่ของภาพ; ภาพมีเพียงขนาด pixel และ metadata DPI สำหรับการพิมพ์เท่านั้น

ฉันต้องการความละเอียดเท่าไหร่สำหรับหน้าจอ 4K?

3840×2160 pixels เพื่อเติมเต็มจอแสดงผล 4K ที่ 1x สำหรับ retina หรือ high-DPI ให้ export ที่ logical resolution ของจอแสดงผล และให้บริการ 2x variants ด้วย srcset หน้าจอแสดงผลด้วยขนาด pixel ดังนั้นให้จับคู่การ export กับขนาด pixel ของหน้าจอเป้าหมาย — metadata DPI จึงไม่เกี่ยวข้องกับการเรนเดอร์บนหน้าจอ

ฉันต้องการความละเอียดเท่าไหร่สำหรับการพิมพ์เทียบกับเว็บ?

สำหรับการพิมพ์ ให้ใช้ 300 DPI ที่ขนาดทางกายภาพ (การพิมพ์ 4×6 นิ้วต้องใช้ 1200×1800 pixels) สำหรับเว็บ ให้จับคู่ขนาดแสดงผล — hero ขนาดกว้าง 1600px, ภาพเนื้อหาที่ 800–1200px การพิมพ์ต้องการ pixel มากกว่าต่อหนึ่งนิ้วเพราะหมึกถูกวางด้วยความหนาแน่นคงที่; หน้าจอแสดงผลด้วยจำนวน pixel ดังนั้น metadata DPI จึงไม่เกี่ยวข้องในส่วนนี้

ตัวอย่างโค้ดที่เก็บรักษาไว้

pixels = inches × PPI

## Resize to 1920px wide (changes the actual pixels)
magick input.jpg -resize 1920x output.jpg

## Set the DPI metadata to 300 (no pixel change)
magick input.jpg -density 300 -units PixelsPerInch output.jpg