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

วิธีใช้งาน

1. หากต้องการปรับขนาด ให้ป้อนอัตราส่วน (เช่น 16 และ 9) หรือเลือกอัตราส่วนที่ใช้บ่อย จากนั้นป้อนความกว้างหรือความสูง ระบบจะคำนวณอีกด้านให้
2. หากต้องการหาอัตราส่วน ให้ป้อนความกว้างและความสูงของรูปภาพ หน้าจอ หรือวิดีโอ
3. ตรวจสอบตัวอย่าง แล้วคัดลอกกฎ CSS aspect-ratio หากต้องการนำไปใช้กับเลย์เอาต์เว็บ

วิธีการทำงาน

การปรับขนาดตามสัดส่วนใช้สูตร ความสูง = ความกว้าง × ความสูงของอัตราส่วน ÷ ความกว้างของอัตราส่วน (และใช้สูตรย้อนกลับได้เช่นกัน) ขนาดพิกเซลมักเป็นจำนวนเต็ม ผลลัพธ์จึงอาจมีการปัดเศษ เมื่ออัตราส่วนหารลงตัวไม่ได้ เช่น 16:9 ที่ความกว้าง 1000 ความสูงที่ปัดเศษแล้ว (563) จะเป็นค่าใกล้เคียง ไม่ใช่ค่าที่ตรงกันพอดี

การย่ออัตราส่วนทำได้โดยหารทั้งสองด้านด้วยตัวหารร่วมมาก: 1920 และ 1080 หารด้วย 120 ได้ 16:9 ขนาดจริงบางขนาดไม่ได้ย่อเป็นอัตราส่วนที่คุ้นเคยได้พอดี 1366×768 เท่ากับ 683:384 ซึ่งใกล้เคียงกับ 16:9 มาก เครื่องมือนี้จึงแสดงอัตราส่วนมาตรฐานที่ใกล้เคียงที่สุดด้วย หากมีความคลาดเคลื่อนไม่เกิน 2 % เช่นเดียวกัน จอที่เรียกว่า “21:9” แท้จริงแล้วมีอัตราส่วนเป็น 64:27 (2560×1080) หรือ 43:18 (3440×1440) โดย 21:9 เป็นชื่อทางการตลาด

ใน CSS การกำหนด aspect-ratio: 16 / 9 จะทำให้องค์ประกอบคงรูปทรงตามอัตราส่วนนี้เมื่อความกว้างเปลี่ยนไป ซึ่งมีประโยชน์สำหรับวิดีโอที่ฝังในหน้าเว็บและพื้นที่สำรองรูปภาพที่ไม่ควรทำให้เค้าโครงหน้าเลื่อนขณะโหลด

ตัวอย่าง

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

ความเป็นส่วนตัว

การคำนวณทั้งหมดทำในเบราว์เซอร์ของคุณ ไม่มีการส่งหรือจัดเก็บข้อมูล