Back to Screen Ruler

How to Use Screen Ruler Online

คู่มือเริ่มต้นด่วนสำหรับทุกเครื่องมือของ Screen Ruler Online ข้ามไปยังเครื่องมือที่คุณต้องการด้านล่าง — แต่ละส่วนอธิบายว่ามันทำอะไร เหมาะกับใคร พร้อมการใช้งาน 5 ขั้นตอน

เริ่มต้นอย่างรวดเร็วทีละเครื่องมือ

Each section below covers one tool — what it does, who should use it, and a 5-step quick start. Calibration and pixel-density basics are explained at length in the Screen Ruler section, since those concepts apply across the measurement tools.

ไม้บรรทัดหน้าจอ

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

เริ่มต้นอย่างรวดเร็ว

  1. เปิด Screen Ruler เครื่องมือจะโหลดไม้บรรทัดแนวตั้งที่ฝั่งซ้ายของหน้าจอ พร้อมขีดในหน่วยที่คุณเลือก
  2. แตะแผงปรับเทียบและวางบัตรเครดิตราบบนหน้าจอ ลากแถบเลื่อนจนเส้นกรอบบนจอตรงกับขอบบัตรพอดี
  3. สลับหน่วยระหว่างเซนติเมตร มิลลิเมตร และนิ้ว ด้วยตัวเลือกหน่วยด้านบน
  4. วางวัตถุที่จะวัดไว้กับไม้บรรทัด จัดขอบหนึ่งให้ตรงเลขศูนย์แล้วอ่านอีกขอบ
  5. ใช้โหมดเต็มจอเพื่อให้ได้ไม้บรรทัดยาวที่สุดเท่าที่เป็นไปได้ โดยเฉพาะบนจอเล็ก ค่าปรับเทียบจะถูกบันทึกต่ออุปกรณ์เป็นเวลา 30 วัน

อ่านคู่มือ ไม้บรรทัดหน้าจอ ฉบับเต็ม →

ไม้บรรทัดพิมพ์ได้

ไม้บรรทัด PDF ที่พิมพ์ได้ฟรี ในหน่วย ซม. มม. หรือนิ้ว ที่อัตราส่วน 1:1 จริง ไม่ต้องปรับเทียบ — พิมพ์ วางราบ แล้ววัดได้เลย เหมาะมากเมื่อคุณต้องการไม้บรรทัดจริงสำหรับงานคราฟต์ งานไม้ งานเย็บ หรือการบ้านลูก แต่ไม่มีในลิ้นชัก

เริ่มต้นอย่างรวดเร็ว

  1. เปิดหน้า Printable Ruler และเลือกหน่วย (ซม. มม. หรือนิ้ว) และความยาว
  2. คลิก Generate PDF ไฟล์ที่ดาวน์โหลดเป็นอัตราส่วน 1:1 จริง ที่ 300 DPI
  3. ในหน้าต่างเครื่องพิมพ์ ตั้งค่า Scaling เป็น 100% (หรือ Actual Size) — ห้ามเลือก Fit to Page เด็ดขาด เพราะจะย่อไม้บรรทัดโดยเงียบ ๆ
  4. พิมพ์บนกระดาษมาตรฐาน ใช้กรอบสี่เหลี่ยมปรับเทียบที่แนบมาเพื่อยืนยันว่าเครื่องพิมพ์ไม่ได้ปรับสเกลไฟล์
  5. ตัดตามแนวเส้นแล้วคุณจะได้ไม้บรรทัดจริง เคลือบพลาสติกเพื่อใช้ซ้ำได้

อ่านคู่มือ ไม้บรรทัดพิมพ์ได้ ฉบับเต็ม →

สเปกอุปกรณ์

ฐานข้อมูลที่กรองได้ของโทรศัพท์ แท็บเล็ต และโน้ตบุ๊ก 69+ รุ่น พร้อมขนาดหน้าจอ ความละเอียด PPI และอัตราส่วนภาพ มีประโยชน์สำหรับนักพัฒนาเช็ค breakpoint แบบ responsive ผู้ซื้อที่เปรียบเทียบรุ่น และนักออกแบบที่เลือกอุปกรณ์เป้าหมาย

เริ่มต้นอย่างรวดเร็ว

  1. เปิดหน้า Device Specs คุณจะเห็นตารางที่กรองได้พร้อมอุปกรณ์ 69+ รุ่น
  2. กรองตามแบรนด์ ระบบปฏิบัติการ ปี ประเภท ขนาดหน้าจอ หรือใช้ช่องค้นหาสำหรับรุ่นเฉพาะ
  3. คลิกแถวอุปกรณ์ใด ๆ เพื่อเปิดหน้ารายละเอียดพร้อมสเปกครบและรายการอุปกรณ์ที่เกี่ยวข้องด้านข้าง
  4. ใช้ปุ่ม Open Ruler บนหน้าอุปกรณ์เพื่อเปิดไม้บรรทัดที่ปรับเทียบไว้ล่วงหน้าตาม PPI ของอุปกรณ์นั้น
  5. บุ๊กมาร์กการเปรียบเทียบหรือคัดลอกสเปกไปยัง spec sheet สำหรับงานจัดซื้อและงานออกแบบ

อ่านคู่มือ สเปกอุปกรณ์ ฉบับเต็ม →

วงล้อสุ่ม

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

เริ่มต้นอย่างรวดเร็ว

  1. เปิด Spinner มันจะโหลดมาพร้อมรายการตัวเลือกสั้น ๆ เริ่มต้น
  2. คลิกที่รายการเพื่อแก้ไข ใช้ Add เพิ่มตัวเลือก และ Remove เพื่อลบ
  3. ตัวเลือกแต่ละรายการจะได้สีของตัวเองโดยอัตโนมัติเมื่อวงล้อแบ่งใหม่
  4. กด Spin วงล้อจะหมุนพร้อมการชะลอที่ลื่นไหลและหยุดที่หนึ่งในส่วนแบ่งโดยสุ่ม
  5. ทุกตัวเลือกมีโอกาสชนะเท่ากัน รายการของคุณถูกเก็บไว้ในเบราว์เซอร์เท่านั้นและจะหายไปเมื่อปิดแท็บ

อ่านคู่มือ วงล้อสุ่ม ฉบับเต็ม →

ทดสอบ Dead Pixel

หน้าจอทดสอบสีเต็มที่เผยให้เห็น dead pixel, stuck pixel และ hot pixel บนจอใด ๆ ทั้งโน้ตบุ๊ก โทรศัพท์ หรือทีวี ใช้ก่อนรับสินค้า หลังซ่อม หรือเมื่อต้องสงสัยว่ามีปัญหา — 60 วินาทีก็รู้ว่าหน้าจอสมบูรณ์ไหม

เริ่มต้นอย่างรวดเร็ว

  1. เปิดหน้า Dead Pixel Test บนหน้าจอที่ต้องการตรวจ
  2. ขยายเบราว์เซอร์เป็นเต็มจอเพื่อให้การทดสอบครอบคลุมทั้งจอ — กด F11 บนเบราว์เซอร์ส่วนใหญ่
  3. วนผ่านจอสี (แดง เขียว น้ำเงิน ขาว ดำ) มองอย่างใกล้ชิดว่ามีพิกเซลใดที่ไม่เปลี่ยนตามพื้นหลังหรือไม่
  4. พิกเซลที่ยังดำคือ dead, ที่ค้างที่สีเดียวคือ stuck, ที่ขาวตลอดคือ hot
  5. ใช้การทดสอบไล่ระดับสีเพื่อตรวจปัญหาความสม่ำเสมอ เช่น banding ทำซ้ำหลังพยายามแก้ stuck pixel เพื่อยืนยันว่าฟื้นตัว

อ่านคู่มือ ทดสอบ Dead Pixel ฉบับเต็ม →

ไม้โปรแทรกเตอร์

ไม้โปรแทรกเตอร์ดิจิทัลที่วัดมุมตั้งแต่ 0° ถึง 360° บนหน้าจอ ลากเส้นรังสีสองเส้นไปยังมุมที่ต้องการ มีตัวเลือก snap ที่ 1°/5°/15°/45° ใช้กับการบ้านเรขาคณิต งานไม้ตัดมุม งานเย็บ และตรวจสอบความลาดเอียงหลังคาในรูปถ่าย

เริ่มต้นอย่างรวดเร็ว

  1. เปิด Protractor เครื่องมือจะโหลดหน้าปัดวงกลมพร้อมเส้นรังสีลากได้สองเส้นที่มุมเริ่มต้น 90°
  2. ลากเส้นรังสีใดก็ได้ที่จุดหมุนปลายเพื่อหมุนรอบศูนย์กลาง มุมและส่วนแรเงาจะอัปเดตทันที
  3. สำหรับมุมที่แม่นยำ ให้เปิด Snap แล้วเลือกขั้น 1°, 5°, 15° หรือ 45° เส้นรังสีจะ snap ไปยังขั้นที่ใกล้ที่สุด
  4. วางภาพพิมพ์ราบกับหน้าจอเพื่อวัดมุมที่วาดบนกระดาษ
  5. ใช้ Reset เพื่อกลับไปที่ 90° ไม้โปรแทรกเตอร์วัดมุมภายในเป็นค่าเริ่มต้น — ลบจาก 360° เพื่อหามุมรีเฟล็กซ์

อ่านคู่มือ ไม้โปรแทรกเตอร์ ฉบับเต็ม →

เครื่องคำนวณขนาดหน้าจอ

คำนวณขนาดจริงของหน้าจอจากความละเอียดและ PPI หรือเช็คขนาดทีวีที่เหมาะกับระยะการดู ใช้โดยผู้สร้างโฮมเธียเตอร์ ผู้เลือกซื้อมอนิเตอร์ และผู้เปรียบเทียบจอ 65 นิ้วกับ 75 นิ้ว

เริ่มต้นอย่างรวดเร็ว

  1. เปิด Screen Size Calculator และเลือกโหมดอินพุต — ขนาดเส้นทแยง ความกว้างและความสูง หรือความละเอียดและ PPI
  2. ป้อนตัวเลข เครื่องคำนวณจะคืนค่าความกว้าง ความสูง พื้นที่ และระยะการดูที่แนะนำ
  3. สำหรับการเลือกขนาดทีวี ให้ใช้หน้าย่อย TV size for room: ป้อนระยะจากโซฟาถึงจอและเลือกมาตรฐาน (THX, SMPTE หรือ 4K immersive)
  4. เปรียบเทียบสองหน้าจอโดยรันเครื่องคำนวณสองครั้งแล้วดูเส้นทแยงเทียบกับพื้นที่ที่มองเห็น — 16:9 65 นิ้วใหญ่กว่า 21:9 65 นิ้วมาก
  5. ตรวจสอบขนาดจริงข้ามกับฐานข้อมูล Device Specs ก่อนซื้อ

อ่านคู่มือ เครื่องคำนวณขนาดหน้าจอ ฉบับเต็ม →

ตัวแปลงพิกเซล

ตัวแปลงหน่วย CSS แบบทันที — px ไป mm, cm, นิ้ว, rem, em, pt, %, vw และ vh ออกแบบมาสำหรับนักพัฒนา front-end นักออกแบบ และทุกคนที่ปรับ typography หรือ layout ตาม DPI เป้าหมาย

เริ่มต้นอย่างรวดเร็ว

  1. เปิด Pixel Converter เลือกหน่วยต้นทาง (px, mm, cm, นิ้ว, rem, em, pt, %, vw, vh)
  2. ป้อนค่า หน่วยปลายทางทั้งหมดจะอัปเดตพร้อมกัน
  3. ตั้งขนาดฟอนต์พื้นฐาน (ค่าเริ่มต้น 16px) และ DPI เพื่อความแม่นยำในการแปลง rem และหน่วยทางกายภาพ
  4. ใช้ cheat sheet สำหรับการแปลงทั่วไป เช่น 1rem = 16px หรือ 1pt = 1.333px
  5. คัดลอกผลไปยัง CSS หรือเครื่องมือออกแบบ ตัวแปลงไม่มี state — รีเฟรชจะรีเซ็ตฟอร์ม

อ่านคู่มือ ตัวแปลงพิกเซล ฉบับเต็ม →

เครื่องคำนวณอัตราส่วนภาพ

คำนวณอัตราส่วนภาพจากขนาดพิกเซล หรือหาด้านที่หายไปเมื่อรู้ด้านหนึ่งและอัตราส่วน สร้างมาเพื่อนักตัดต่อวิดีโอ นักออกแบบโซเชียลมีเดีย และนักพัฒนาที่เลือกขนาดภาพสำหรับ Instagram, TikTok, YouTube และ LinkedIn

เริ่มต้นอย่างรวดเร็ว

  1. เปิด Aspect Ratio Calculator ป้อนความกว้างและความสูงเป็นพิกเซลเพื่อให้ได้อัตราส่วนแบบย่อ
  2. หรือเลือกโหมดหาด้านที่หายไป: ป้อนความกว้างและอัตราส่วนเป้าหมาย (16:9, 4:3, 1:1, 9:16) แล้วเครื่องคำนวณจะคืนความสูง
  3. ใช้ cheat sheet แพลตฟอร์มเพื่อหาขนาดที่ถูกต้องสำหรับโพสต์ Instagram วิดีโอ TikTok ภาพย่อ YouTube หรือแบนเนอร์ LinkedIn
  4. ตรวจสอบรูปภาพด้วย Pixel Converter หากต้องแปลงขนาดพิกเซลเป็นหน่วยจริงสำหรับการพิมพ์
  5. อัตราส่วนแบบย่อคือ ห.ร.ม. ของความกว้างและความสูง — 1920×1080 ย่อเป็น 16:9 และ 1080×1080 ย่อเป็น 1:1

อ่านคู่มือ เครื่องคำนวณอัตราส่วนภาพ ฉบับเต็ม →

Calibration Basics

Calibration is the most important step for any measurement tool on the platform. Without it, the ruler shows approximate measurements based on your device's reported pixel density, which is often inaccurate. With calibration, measurements become precise to within half a millimeter.

Using a Credit Card

A standard credit or debit card is the best calibration object because its dimensions are standardized worldwide at 85.6mm x 53.98mm (ISO/IEC 7810). Place your card flat on the screen and use the calibration slider to adjust the on-screen outline until it matches your card exactly.

Using Other Objects

If you don't have a credit card handy, you can calibrate with US quarters (24.26mm), Euro coins (23.25mm), UK pound coins (22.5mm), and more. Select the object from the calibration panel, place it on the screen, and adjust the slider.

Understanding Pixel Density (PPI)

PPI stands for Pixels Per Inch. It tells you how many tiny dots of light fit in one physical inch of your screen. A phone with 460 PPI has much smaller, more densely packed pixels than a desktop monitor with 96 PPI. This means the same number of pixels takes up less physical space on the phone.

Modern screens also use device pixel ratios. A MacBook with a Retina display might report a device pixel ratio of 2, meaning each "CSS pixel" in the browser actually spans 2x2 physical pixels. The ruler, protractor, and pixel converter all account for this automatically during calibration.

Device-Specific Rulers

We maintain pre-configured ruler profiles for popular devices. These profiles use the device's known PPI to provide a starting point before manual calibration. Visit a device-specific ruler for the best starting accuracy:

iPhone 15 Pro MaxiPhone 15 ProGalaxy S24 UltraiPad Pro 12.9"iPad AirGalaxy S24

Questions?

Full answers to common questions about every tool — ruler accuracy, protractor precision, spinner fairness, device support, privacy — live on the FAQ page.