Screen Ruler - วัดขนาดพิกเซลบนหน้าจอ
ลากเพื่อวัดพื้นที่เป็นพิกเซล ติดตามพิกัดเมาส์แบบเรียลไทม์ และดูข้อมูลความละเอียดหน้าจอของคุณ
마우스 위치가 실시간으로 표시됩니다.
Screen Ruler คืออะไร
Screen Ruler ช่วยให้คุณวัดระยะทางบนหน้าจอเป็นพิกเซลได้โดยการลากเพื่อเลือกพื้นที่ที่ต้องการวัด แสดงไม้บรรทัดแนวนอนและแนวตั้งพร้อมขีด แสดงตำแหน่งเมาส์ของคุณแบบเรียลไทม์ และรายงานความกว้างและความสูงของพื้นที่ที่คุณเลือก เหมาะสำหรับนักออกแบบเว็บไซต์ นักพัฒนา UI และทุกคนที่ต้องการวัดขนาดพิกเซลอย่างแม่นยำโดยไม่ต้องติดตั้งซอฟต์แวร์
วิธีวัดพิกเซลบนหน้าจอ
- เลือกโหมด — เลือกโหมดสี่เหลี่ยม (พื้นที่) หรือเส้นตรง (ระยะทาง)
- คลิกและลาก — คลิกบนพื้นที่วัดแล้วลากเพื่อวาดส่วนที่เลือก
- อ่านผลลัพธ์ — ความกว้าง ความสูง และตำแหน่งเมาส์จะอัปเดตแบบเรียลไทม์ขณะที่คุณลาก
- ดูประวัติ — การวัดแต่ละครั้งจะถูกบันทึกไว้ในรายการประวัติที่ด้านล่าง
- ตรวจสอบข้อมูลหน้าจอ — ความละเอียดหน้าจอ ขนาด Viewport และอัตราส่วนพิกเซลของอุปกรณ์จะแสดงอยู่ที่ด้านบน
ทำไมต้องใช้ Screen Ruler นี้
- ไม่ต้องติดตั้ง — ทำงานได้โดยตรงในเบราว์เซอร์ของคุณ ไม่ต้องใช้ส่วนขยายหรือดาวน์โหลด
- โหมดสี่เหลี่ยมและเส้นตรง — วัดพื้นที่หรือระยะทางเส้นตรง
- ไม้บรรทัดที่แม่นยำ — ไม้บรรทัดแนวนอนและแนวตั้งพร้อมขีด 10px/50px/100px
- ติดตามแบบเรียลไทม์ — พิกัดเมาส์อัปเดตทันทีที่คุณเลื่อน
- ข้อมูลหน้าจอ — ดูความละเอียดหน้าจอ ขนาด Viewport และ DPR ได้ทันที
- ประวัติการวัด — การวัดทั้งหมดจะถูกบันทึกไว้เพื่อใช้อ้างอิงจนกว่าคุณจะล้าง
- ความเป็นส่วนตัว — ทุกอย่างทำงานในเบราว์เซอร์ของคุณ โดยไม่มีการส่งข้อมูลไปที่ใดเลย
FreeToolbox vs Screen Ruler อื่นๆ
| คุณสมบัติ | FreeToolbox | PicPick | MeasureIt Extension |
|---|---|---|---|
| การติดตั้ง | ไม่ต้อง (ในเบราว์เซอร์) | แอปบนเดสก์ท็อป | ส่วนขยายเบราว์เซอร์ |
| สี่เหลี่ยม + เส้นตรง | ใช่ | ใช่ | เฉพาะสี่เหลี่ยม |
| ไม้บรรทัดพร้อมขีด | ใช่ | ใช่ | ไม่ใช่ |
| ข้อมูลความละเอียดหน้าจอ | ใช่ | ไม่ใช่ | ไม่ใช่ |
| ประวัติการวัด | ใช่ | ไม่ใช่ | ไม่ใช่ |
| โหมดมืด | ใช่ | ตามระบบ | ไม่ใช่ |
| ราคา | ฟรี | ฟรี/เสียเงิน | ฟรี |
คำถามที่พบบ่อย
เครื่องมือนี้วัดขนาดหน้าจอจริงของฉันหรือไม่
เครื่องมือนี้วัดระยะทางเป็นพิกเซลภายในพื้นที่ Canvas ของเครื่องมือเอง ไม้บรรทัดและพิกัดเป็นหน่วย CSS พิกเซล หากต้องการวัดขนาดหน้าจอจริง ให้คูณด้วยอัตราส่วนพิกเซลของอุปกรณ์ (แสดงในส่วนข้อมูลหน้าจอ)
ฉันสามารถวัดองค์ประกอบบนหน้าเว็บได้หรือไม่
เครื่องมือนี้วัดภายใน Canvas ของตัวเอง หากต้องการวัดองค์ประกอบบนหน้าเว็บ คุณสามารถใช้ DevTools ของเบราว์เซอร์ (F12) หรือถ่ายภาพหน้าจอแล้ววัดด้วยเครื่องมือนี้
อัตราส่วนพิกเซลของอุปกรณ์คืออะไร
อัตราส่วนพิกเซลของอุปกรณ์ (DPR) คืออัตราส่วนของพิกเซลจริงต่อ CSS พิกเซลบนหน้าจอของคุณ DPR ที่ 2 หมายความว่าแต่ละ CSS พิกเซลถูกเรนเดอร์โดยใช้พิกเซลจริง 2×2 ซึ่งเป็นเรื่องปกติบนจอแสดงผล Retina/HiDPI
ข้อมูลการวัดถูกบันทึกไว้หรือไม่
การวัดจะถูกเก็บไว้ในหน่วยความจำระหว่างเซสชันของคุณเท่านั้น ไม่มีการบันทึกลงใน LocalStorage หรือส่งไปยังเซิร์ฟเวอร์ใดๆ การรีเฟรชหน้าจะล้างการวัดทั้งหมด
ฉันสามารถสลับระหว่างโหมดสี่เหลี่ยมและเส้นตรงได้หรือไม่
ได้ คลิกปุ่มสี่เหลี่ยมหรือเส้นตรงเหนือ Canvas เพื่อสลับโหมดได้ตลอดเวลา การวัดก่อนหน้าของทั้งสองประเภทจะยังคงมองเห็นได้บน Canvas