Tính Tỷ Lệ Khung Hình
Tính tỷ lệ khung hình hiển thị và co giãn kích thước ảnh/video chuẩn tỷ lệ thuận.
Thông số đầu vào
Kết Quả Tức Thì
Chi tiết
Lời giải
Tính ước chung lớn nhất: GCD(1920, 1080) = 120
Rút gọn tỷ lệ khung hình: 1920 ÷ 120 : 1080 ÷ {gcd} = 16:9 (Thập phân: 1.7778:1)
Thu phóng kích thước: Chiều rộng 1280px theo tỷ lệ cho ra chiều cao 720px
Giải Đáp Nhanh & Ý Nghĩa Chỉ Số
Công cụ Tính Tỷ Lệ Khung Hình (Aspect Ratio Calculator) xác định mối quan hệ tỷ lệ thuận giữa chiều rộng và chiều cao của hình ảnh hoặc video (Rộng:Cao), rút gọn kích thước qua Ước chung lớn nhất (ƯCLN) và co giãn độ phân giải pixel chính xác mà không làm méo hình.
Các Tỷ Lệ Khung Hình Chuẩn Màn Hình & Mạng Xã Hội
- 16:9 (Màn hình rộng Widescreen): Tiêu chuẩn video YouTube, màn hình máy tính, TV và video chuẩn Full HD / 4K UHD (1920 × 1080, 3840 × 2160).
- 9:16 (Video dọc Mobile): Tiêu chuẩn video ngắn TikTok, Facebook Reels, YouTube Shorts và Instagram Story (1080 × 1920).
- 4:3 (Màn hình truyền thống): Chuẩn truyền hình cổ điển, máy tính bảng iPad và slide thuyết trình (1024 × 768, 1600 × 1200).
- 1:1 (Khung hình vuông): Chuẩn bài đăng ảnh vuông Instagram, Facebook và ảnh đại diện Avatar (1080 × 1080).
- 21:9 (Màn hình siêu rộng Cinema): Tiêu chuẩn phim điện ảnh và màn hình máy tính Ultrawide cao cấp (2560 × 1080, 3440 × 1440).
Công Thức Co Giãn Kích Thước Tỷ Lệ Thuận
- Công thức tính chiều cao mới: Chiều cao mới = (Chiều rộng mục tiêu × Chiều cao gốc) / Chiều rộng gốc
- Công thức tính chiều rộng mới: Chiều rộng mới = (Chiều cao mục tiêu × Chiều rộng gốc) / Chiều cao gốc
- Tỷ số thập phân: Tỷ số = Chiều rộng / Chiều cao (ví dụ: 1920 / 1080 = 1.7778:1)
Nhập chiều rộng và chiều cao gốc vào ô trên để rút gọn tỷ lệ khung hình, tính kích thước co giãn tỷ lệ thuận và lấy mã CSS tức thì.
Công thức & Cơ chế tính toán
Công thức toán họcTính Ước chung lớn nhất (ƯCLN) bằng thuật toán Euclid để tối giản chiều rộng và chiều cao thành cặp số nguyên tối giản, sau đó áp dụng phép nhân chéo để co giãn kích thước tỷ lệ thuận.
Hướng dẫn từng bước
Nhập Kích Thước Pixel Ban Đầu
Điền chiều rộng (Width) và chiều cao (Height) của hình ảnh hoặc video gốc (ví dụ: 1920 × 1080).
Chọn Mẫu Tỷ Lệ Tiêu Chuẩn Hoặc Tùy Chỉnh
Chọn nhanh các mẫu phổ biến như 16:9 Full HD, 9:16 Video Dọc, 21:9 Ultrawide, 4:3 hoặc 1:1.
Nhập Chiều Rộng Hoặc Chiều Cao Mục Tiêu
Điền chiều rộng mới cần co giãn (ví dụ: 1280px) để hệ thống tự động tính ra chiều cao tương ứng.
Sao Chép Mã CSS & Tailwind Class
Sao chép thuộc tính CSS aspect-ratio và lớp tiện ích Tailwind để nhúng trực tiếp vào dự án giao diện web.
Bảng ví dụ minh họa
| Ví dụ | Giá trị đầu vào | Kết quả tính | Giải thích chi tiết |
|---|---|---|---|
| Co Giãn Video 1080p (1920 × 1080) Sang Chuẩn 720p HD | ƯCLN là 120, rút gọn thành 16:9. Chiều rộng 1280px co giãn tỷ lệ thuận ra chiều cao 720px không bị méo hình. | ||
| Tính Tỷ Lệ Video Dọc TikTok (1080 × 1920) | Rút gọn thành tỷ lệ 9:16 chuẩn video màn hình dọc điện thoại thông minh. |
Câu hỏi thường gặp
Phương Pháp Luận Khoa Học & Nguồn Dữ Liệu Đối Chiếu
Quy chuẩn W3C CSS Box Sizing Module Level 4 - aspect-ratio
Hiệp Hội Kỹ Sư Điện Ảnh & Truyền Hình Quốc Tế (SMPTE)
Tài Liệu Nhà Phát Triển MDN: Thuộc Tính CSS aspect-ratio
Chuẩn quy chiếu: Tiêu chuẩn kỹ thuật quy chuẩn ISO / W3C / IETF
Công thức: Tỷ Lệ Khung Hình = (Chiều Rộng Gốc / ƯCLN) : (Chiều Cao Gốc / ƯCLN)
Ngày kiểm duyệt: 21 Tháng 8, 2026
Cơ quan ban hành: Quy chuẩn W3C CSS Box Sizing Module Level 4 - aspect-ratio
Tài liệu đối chiếu: Hiệp Hội Kỹ Sư Điện Ảnh & Truyền Hình Quốc Tế (SMPTE)
Bảo mật & Tính toán: 100% xử lý tức thì trên thiết bị, không lưu dữ liệu cá nhân
Kết quả tính toán được mô phỏng theo các công thức quy chuẩn toán học và khoa học. Vui lòng đối soát với tài liệu kỹ thuật chuyên ngành khi áp dụng vào các dự án chuyên sâu.
Công Cụ, Phương Pháp Luận & Bài Viết Cùng Chủ Đề
Kết nối kiến thức đa chiều, công cụ tính toán kiểm chứng và tài liệu phương pháp luận khoa học.
Công Cụ & Máy Tính Cùng Chuyên Mục
Khám phá các công cụ tính toán và bộ chuyển đổi chuyên sâu chuẩn xác cùng lĩnh vực.
Kiểm Tra Tương Phản Màu
Đo tỷ lệ tương phản màu sắc chữ và nền theo tiêu chuẩn tiếp cận W3C WCAG 2.1.
Đổi Mã Màu RGB Sang HEX
Chuyển đổi các giá trị màu RGB (Đỏ, Lục, Lam) sang mã màu thập lục phân HEX (#RRGGBB) chuẩn thiết kế đồ họa và lập trình web.
Tạo Đổ Bóng CSS Box Shadow
Trình tạo hiệu ứng đổ bóng CSS box-shadow trực quan, hỗ trợ hiệu ứng bóng mờ đa tầng mềm mại, bóng chìm Inset và sao chép mã Tailwind CSS.
Đổi Mã Màu HEX Sang RGBA
Chuyển đổi mã màu thập lục phân HEX (#RRGGBB) sang định dạng CSS rgba(r, g, b, a) với thanh điều chỉnh độ trong suốt linh hoạt.
Tạo Mã QR Code Online
Tạo mã QR Code tùy chỉnh màu sắc, hỗ trợ xuất file ảnh PNG chất lượng cao và vector SVG in ấn không giới hạn thời gian.
Tạo CSS Gradient Online
Trình tạo dải chuyển sắc CSS Gradient trực tuyến hỗ trợ Linear, Radial, Conic với mã xuất tự động cho CSS và Tailwind CSS.
Phương Pháp Luận Khoa Học & Chuẩn Thẩm Định
Dẫn xuất toán học, cơ sở lý thuyết và tiêu chuẩn kỹ thuật điều chỉnh thuật toán này.
RFC 8259 JSON Grammar Specifications, AST Parsing & Auto-Fix Mechanics
Comparative Analysis of Bank Amortization Models & Debt Cash-Flow Optimization
Value-Added Tax (VAT) Calculation Mechanics & Multi-Tier Regime Analysis
Bài Viết Hướng Dẫn & Nghiên Cứu Chuyên Sâu
Cẩm nang hướng dẫn toàn diện, phân tích tình huống thực tế và ứng dụng chuyên sâu.
Chuyển Đổi YAML Sang JSON: Xử Lý Cú Pháp AST, Lỗi Type Coercion và Chuẩn RFC 8259
Hướng dẫn chuyển đổi YAML sang JSON chuẩn RFC 8259, giải mã token AST, khắc phục triệt để lỗi ép kiểu ngầm và chuẩn hóa pipeline CI/CD hạ tầng đám mây.
Tối Ưu Lịch Khấu Hao Nợ: Chiến Lược Niên Kim Cố Định vs Gốc Đều
Bóc tách bản chất lịch khấu hao, bẫy lãi suất dồn đầu kỳ và chiến lược trả nợ trước hạn để tiết kiệm tối đa chi phí vay vốn thực tế.
Làm Chủ Cách Tính VAT: Giá Gross vs Net, Khấu Trừ Thuế Đầu Vào và Tối Ưu Dòng Tiền Doanh Nghiệp
Nắm vững cơ chế thuế VAT: công thức tính ngược Gross sang Net, quy trình khấu trừ thuế đầu vào và chuẩn mực quản trị dòng tiền doanh nghiệp hiệu quả.
Kết quả tính toán được mô phỏng theo các công thức quy chuẩn toán học và khoa học. Vui lòng đối soát với tài liệu kỹ thuật chuyên ngành khi áp dụng vào các dự án chuyên sâu.