Snaplytics JS Tests

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

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

px
px
อัตราส่วนที่ใช้บ่อย

กรอกความกว้างและความสูง หรือล็อกอัตราส่วนเพื่อให้ระบบหามิติที่ขาดหายไป

อัตราส่วนภาพ
16 : 9
ทศนิยม (กว้าง ÷ สูง)
1.778
แนวการวางภาพ
แนวนอน

อัตราส่วนภาพคืออะไร

อัตราส่วนภาพอธิบายความสัมพันธ์เชิงสัดส่วนระหว่างความกว้างและความสูงของภาพ เขียนเป็นตัวเลขสองตัวคั่นด้วยเครื่องหมายโคลอน เช่น 16:9 ค่านี้ไม่ได้บอกขนาดจริงเป็นพิกเซลหรือนิ้วแต่อย่างใด — เฟรมขนาด 1280×720 และเฟรมขนาด 3840×2160 ต่างก็มีรูปทรง 16:9 เหมือนกัน เพราะเป็นสัดส่วน อัตราส่วนจึงเป็นค่าที่คงที่เมื่อคุณขยายหรือย่อขนาดเนื้อหา นี่คือเหตุผลที่ต้องรักษาค่านี้ไว้เมื่อคุณปรับขนาด ครอบตัด หรือจัดสื่อให้พอดีกับคอนเทนเนอร์

อัตราส่วนที่พบบ่อยและที่ใช้งาน

  • 16:9 — มาตรฐานของจอมอนิเตอร์ แล็ปท็อป ทีวีสมัยใหม่ และวิดีโอออนไลน์ส่วนใหญ่ (720p, 1080p, 1440p และ 4K ล้วนเป็น 16:9)
  • 21:9 — จอมอนิเตอร์อัลตราไวด์และเกมมิ่งแนวภาพยนตร์ แม้จะทำการตลาดในชื่อ 21:9 แต่มิติพิกเซลจริงมักลดรูปเป็น 64:27 (ประมาณ 2.37:1)
  • 4:3 — มาตรฐานดั้งเดิมของทีวีรุ่นเก่า จอคอมพิวเตอร์ยุคแรก และแท็บเล็ตหรือเอกสารสแกนจำนวนมาก
  • 9:16 — วิดีโอแนวตั้งสำหรับโทรศัพท์และแพลตฟอร์มโซเชียล เช่น Stories, Reels, TikTok และ Shorts
  • 1:1 — รูปแบบสี่เหลี่ยมจัตุรัสที่พบทั่วไปในรูปโปรไฟล์และภาพฟีดโซเชียลบางประเภท
  • 2.39:1 — จอไวด์สกรีนอนามอร์ฟิกของภาพยนตร์สมัยใหม่ เป็นอัตราส่วนที่กว้างที่สุดในบรรดารูปแบบฉายภาพยนตร์ที่ใช้กันทั่วไป

หลักการคำนวณ

การลดรูปความกว้างและความสูงให้เป็นอัตราส่วน ทำได้โดยหารทั้งสองค่าด้วยตัวหารร่วมมาก (ห.ร.ม. หรือ GCD) สำหรับ 1920×1080 ห.ร.ม. คือ 120 ดังนั้นอัตราส่วนจึงลดรูปเหลือ 16:9 ส่วนรูปแบบทศนิยมคือความกว้างหารด้วยความสูงตรงๆ: 1920 ÷ 1080 = 1.78 หมายความว่าภาพกว้างกว่าที่สูงอยู่ 1.78 เท่า เมื่อคุณล็อกอัตราส่วนและกรอกมิติหนึ่งค่า เครื่องคำนวณจะทำการคำนวณย้อนกลับ — คูณหรือหารด้วยอัตราส่วนเพื่อหาค่าอีกด้านหนึ่ง แล้วปัดเศษให้เป็นพิกเซลเต็มจำนวนที่ใกล้เคียงที่สุด

การปรับขนาด เลตเตอร์บ็อกซ์ และพิลลาร์บ็อกซ์

การปรับขนาดโดยไม่ให้ภาพยืดหรือบีบผิดสัดส่วน ต้องรักษาอัตราส่วนให้คงที่: เปลี่ยนมิติหนึ่งค่าแล้วคำนวณอีกค่าใหม่ แทนที่จะแก้ไขทั้งสองค่าอย่างอิสระ เมื่ออัตราส่วนของต้นฉบับและจอแสดงผลต่างกัน เนื้อหาจะถูกจัดให้พอดีด้วยแถบสีดำแทนการบิดเบี้ยวสัดส่วน เลตเตอร์บ็อกซ์ (Letterboxing) คือการเพิ่มแถบแนวนอนด้านบนและด้านล่างเมื่อเนื้อหาที่กว้างกว่าถูกแสดงในเฟรมที่แคบกว่า เช่น ภาพยนตร์อัตราส่วน 2.39:1 บนจอ 16:9 พิลลาร์บ็อกซ์ (Pillarboxing) คือการเพิ่มแถบแนวตั้งด้านข้างเมื่อเนื้อหาที่แคบกว่า เช่น ฟุตเทจ 4:3 ถูกเล่นบนจอแสดงผล 16:9 หากต้องการเชื่อมโยงอัตราส่วนเหล่านี้กับขนาดจริงหรือความหนาแน่นพิกเซลของหน้าจอ เครื่องมือ What Is My Screen Size and PPI Calculator ครอบคลุมการวัดค่าเหล่านั้น