Tính tỷ lệ khung hình

Cách sử dụng

1. Nhập chiều rộng và chiều cao để xem tỷ lệ đã rút gọn.
2. Chạm vào một tỷ lệ thông dụng để quy đổi kích thước hiện có — chiều bạn đã nhập được giữ nguyên.
3. Sao chép giá trị CSS cho thuộc tính `aspect-ratio`.
4. Xem số thập phân khi cần so sánh hai tỷ lệ gần nhau.

Tính năng

• Rút gọn bằng ước chung lớn nhất: 1920×1080 hiện ra là 16:9.
• Nêu tỷ lệ thông dụng gần nhất khi tỷ lệ chính xác không nói lên điều gì.
• Có sẵn các tỷ lệ màn hình, video, in ấn và mạng xã hội, cả dọc lẫn ngang.
• Cho ra đúng giá trị mà quy tắc CSS `aspect-ratio` cần.
• Chạy hoàn toàn trong trình duyệt.

Câu hỏi thường gặp

Vì sao 1366×768 không ra 16:9?

Vì nó không phải 16:9. Rút gọn trung thực thì đó là 683:384, rộng hơn một chút — kích thước này tồn tại vì lý do sản xuất chứ không phải toán học. Thay vì làm tròn thành một lời nói dối, công cụ hiển thị tỷ lệ chính xác kèm tên tỷ lệ gần nhất bên dưới, để bạn thấy có chênh lệch và tự quyết định điều đó có quan trọng hay không.

Vì sao kích thước tính ra đôi khi lệch một pixel?

Vì pixel là số nguyên còn tỷ lệ thì không. Rộng 1000 pixel ở tỷ lệ 16:9 sẽ cao 562,5 pixel, được làm tròn thành 563. Một số bộ mã hóa yêu cầu số chẵn có thể làm tròn tiếp thành 562 — biết trước sẽ đỡ thắc mắc dòng pixel kia đi đâu.

Giá trị CSS dùng để làm gì?

Thuộc tính `aspect-ratio` nhận giá trị dạng `16 / 9`, giúp trình duyệt chừa sẵn đúng khoảng trống trước khi ảnh tải xong và tránh việc trang bị nhảy khi ảnh về. Đây là cách khắc phục hiện tượng layout shift với ảnh và video nhúng.

Công cụ liên quan