dpi คืออะไร

20 Jun 2016

Share to:

dpi คืออะไร ?

dpi(dots per inch) คือ จํานวนจุด ต่อ 1นิ้ว เป็นหน่วยของ ความละเอียดในการแสดงผลของสื่อแสดงผลประเภทต่าง เช่น หน้าจอ, printer, โปรเจคเตอร์ ฯลฯ หรืออุปกรณ์อื่นใดที่สามารถแสดงภาพได้ ซึ่งเราจะสามารถมองเห็นภาพ ได้ดีที่สุดแค่ความละเอียด (dpi) ของสื่อนั้นๆ เช่น 5dpi หมายถึง ใน 1 ตารางนิ้ว จะมีจุดสี(pixel) จํานวน 5x5 = 10 จุด

Image

dpi

หลายคนเข้าใจผิดว่า 5dpi หมายถึง ใน 1 ตารางนิ้วมีจุดสี 5 จุด แต่ในความเป็นจริงคือ 5dpi หมายถึง ใน 1 ตารางนิ้วมีจุดสี 5 x 5= 10 จุด

สังเกตรูปจะพบว่า ยิ่ง dpi มากขึ้น จํานวนจุดสีใน 1 นิ้วก็จะมากขึ้น หรือยิ่ง dpi มากขึ้น ขนาดของจุดสีจะเล็กลง ถ้าสื่อแสดงผลใดที่มี dpi มาก จะทําให้สื่อสามารถแสดงผลรายละเอียดได้มาก

dpi เกี่ยวข้องกับไฟล์รูปอย่างไร

ไฟล์รูปจะเก็บข้อมูลของจุดสี(pixel)ทุกจุดของรูปไว้เวลาที่จะนํามาแสดงผลบนสื่อ dpi จะเป็นตัวอ้างอิงว่า ใน 1 ตารางนิ้วของการแสดงผลบนสื่อ จะแสดงจุดสี(pixel)กี่จุด เช่น 300 dpi นั้นคือ ในหนึ่งตารางนิ้ว (1 x 1 นิ้ว) จะนำ pixel 300 x 300 จุดของรูปมาแสดง ตัวอย่าง

  • ถ้านำภาพขนาด 300 x 300 pixel มาแสดงที่ 300 dpi คุณจะเห็นภาพขนาด 1 x 1 นิ้ว
  • ถ้านำภาพขนาด 600 x 600 pixel มาแสดงที่ 300 dpi คุณจะเห็นภาพขนาด 2 x 2 นิ้ว
  • ถ้านำภาพขนาด 300 x 300 pixel มาแสดงที่ 600 dpi คุณจะเห็นภาพขนาด 0.5 x 0.5 นิ้ว

ความละเอียด ในการแสดงผล(dpi)  ไม่ ใช่ ความละเอียดของไฟล์ภาพ จริงๆ ที่มี

Suggestion blogs

Relative path in react

สวัสดีครับ สําหรับบทความนี้ผมจะยกตัวอย่างการทํา Relative path ใน React ครับ เนื่องจากเมื่อไม่นานมานี้ผมเจอเหตุการคือเว็บที่เราเขียนด้วย React ไม่ได้อยู่ใน Root path เช่น เว็บไซต์เราไปอยู่ใน path "/profile/" ไม่ได้อยู่ใน "/"

[ภาษาซี] การดําเนินการระดับบิต

บิต (Bit) ย่อมาจาก Binary digit คือหน่วยของข้อมูลที่เล็กที่สุดในระบบคอมพิวเตอร์ ซึ่งจะมีค่า 0 และ 1 อย่างใดอย่างหนึ่งเท่านั้น ข้อมูล 1 Byte จะประกอบไปด้วย 8 Bit ดังนั้นเมื่อแสดงข้อมูล 1 Byte ในรูปของ Bit จะได้ตัวเลข 0 หรือ 1 เรียงกันจํานวน 8 ตัว เช่น 10010111

Disable service worker ใน React

Service Worker คือ JavaScript ทำงานบนเว็บเบราเซอร์ ซึ่งจะทำงานอยู่เบื้องหลังแยกออกจากตัวเว็บโดยตัว Service Worker นิยมใช้ทำ Offline mode ที่เราพบเห็นจากเว็บส่วนใหญ่ของ Google รวมถึงการเพื่อทำ Web Push Notification และจะมีความสามารถอื่นๆ เพิ่มเข้ามาในอนาคต และ Service Worker สามารถดัก Network Request ของเว็บ เช่น HTTP Request, โหลดรูป หรือ API Call โดยทุก Request ที่ออกจากเว็บเราจะผ่าน Service worker ทั้งหมดทำให้เราสามารถจัดการ Network Request ได้ดีขึ้น เช่น การคืนค่าจาก Cache แทนที่จะส่ง Request นั้นออกไปจริงๆ หรือในกรณีที่ไม่สามารถเชื่อมต่ออินเตอร์เน็ตได้


Copyright © 2019 - 2024 thiti.dev |  v1.41.0 |  Privacy policy | 

Build with ❤️ and Astro.

Github profile   Linkedin profile   Instagram   X profile   Youtube channel   Telegram   Email contact   วงแหวนเว็บ