Máy tính tỷ lệ khung hình

Tỷ lệ khung hình phổ biến

Tỷ lệ	Sử dụng phổ biến	Ví dụ độ phân giải
16:9	Màn hình rộng, YouTube, TV	1920x1080, 3840x2160
4:3	TV cổ điển, bài thuyết trình, iPad	1024x768, 2048x1536
1:1	Bài đăng Instagram, ảnh hồ sơ	1080x1080, 400x400
9:16	TikTok, Reels, Stories, video trên di động	1080x1920
21:9	Màn hình ultrawide, điện ảnh	2560x1080, 3440x1440
3:2	Máy ảnh DSLR, Surface	1440x960, 6000x4000

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

Tỷ lệ khung hình là gì?

Tỷ lệ khung hình là mối quan hệ tỷ lệ giữa chiều rộng và chiều cao. Tỷ lệ 16:9 có nghĩa là cứ 16 đơn vị chiều rộng thì có 9 đơn vị chiều cao, độc lập với kích thước thực tế tính bằng pixel.

Tại sao tỷ lệ khung hình quan trọng trong video?

Sử dụng tỷ lệ sai gây ra dải đen (letterboxing/pillarboxing) hoặc kéo giãn. YouTube sử dụng 16:9, TikTok/Reels sử dụng 9:16, và bài đăng Instagram sử dụng 1:1 hoặc 4:5.

Toán học đằng sau tỷ lệ

Tỷ lệ khung hình là mối quan hệ tỷ lệ giữa chiều rộng và chiều cao, viết là W:H như 16:9, hoặc là một số thập phân, 16 ÷ 9 = 1.777…, thường làm tròn thành 1.78:1. Hai độ phân giải pixel khác nhau có thể có cùng tỷ lệ: 1920×1080 và 1280×720 đều là 16:9 vì cả hai đều rút gọn về cùng một phân số.

Để đơn giản hóa bất kỳ cặp nào, chia cả hai số cho ước số chung lớn nhất: số nguyên lớn nhất chia hết cả chiều rộng và chiều cao. Với Full HD:

• gcd(1920, 1080) = 120
• 1920 ÷ 120 = 16
• 1080 ÷ 120 = 9
• → 16:9

Máy tính này chạy thuật toán rút gọn GCD mỗi khi bạn thay đổi một số, và cũng giải bài toán ngược: cho một tỷ lệ mục tiêu và một kích thước đã biết, kích thước còn lại được tính từ new height = (known width × H) ÷ W: vì vậy một ảnh rộng 1080 pixel được scale lên 16:9 cần chiều cao 1080 × 9 ÷ 16 = 607.5, thường làm tròn thành 608.

Lịch sử ngắn về hình chữ nhật

Năm 1891, W.K.L. Dickson, làm việc cho Thomas Edison, đã chọn khung hình 4:3 cho Kinetoscope vì việc cắt đôi cuộn phim Kodak 70mm cho ra 35mm, và bốn lỗ nhựa mỗi khung tạo ra tỷ lệ đó. Một hội nghị Paris đã chấp nhận 1,33:1 là tiêu chuẩn phim câm vào năm 1925. Khi các dải âm thanh quang học bắt đầu lấn vào vùng hình ảnh, Hiệp hội Kỹ sư Điện ảnh Chuyển động chuẩn hóa tỷ lệ Academy tại 1,375:1 vào ngày 9 tháng 5 năm 1932, định dạng mà mọi phim studio sử dụng trong hai mươi năm tiếp theo.

Truyền hình đang ăn mòn thị phần của điện ảnh vào đầu những năm 1950, và Hollywood phản ứng bằng cách mở rộng chiều ngang. Shane ra mắt với tỷ lệ 1,66:1 vào tháng 5 năm 1953. Năm tháng sau, 20th Century Fox ra mắt The Robe trong CinemaScope, ban đầu là 2,55:1 (giảm từ mức tối đa quang học 2,66 để chừa chỗ cho bốn dải nhạc từ). SMPTE cố định khẩu độ chiếu anamorphic tại 2,35:1 năm 1957 và cập nhật lên 2,39:1 năm 1970 để vết cắt nối ít thấy hơn.

16:9 cũng không phải tùy tiện. Năm 1984, Kerns H. Powers, làm việc trong nhóm tiêu chuẩn độ nét cao SMPTE, đã dẫn xuất nó theo hình học: khi các hình chữ nhật có diện tích bằng nhau được định hình theo tất cả các tỷ lệ điện ảnh và TV phổ biến (4:3, 1,85:1, 2,35:1) được chồng lên nhau đồng tâm, chúng đều nằm trong một hình chữ nhật ngoài 1,77:1 và đều bao phủ một hình chữ nhật trong 1,77:1. Về mặt toán học, đó là trung bình nhân của các cực trị, √(1.33 × 2.35) ≈ 1.77. Khuyến nghị ITU-R BT.709 công nhận 16:9 cho HDTV vào năm 1990, và ngành PC chuyển từ 16:10 sang 16:9 vào khoảng năm 2009 để dùng chung dây chuyền sản xuất panel với TV.

Các tỷ lệ phổ biến năm 2026

Tỷ lệ	Thập phân	Nơi bạn thấy nó
1:1	1.000	Bài đăng vuông Instagram, ảnh hồ sơ, bìa album
4:5	0.800	Feed ảnh dọc Instagram (định dạng tương tác cao nhất)
2:3	0.667	Ghim chuẩn Pinterest, ảnh in 35mm dọc
3:2	1.500	DSLR full-frame, phim âm bản 35mm, laptop Microsoft Surface
16:10	1.600	Laptop cũ hơn, MacBook Pro 14-inch/16-inch, nhiều máy tính bảng
16:9	1.778	HDTV, màn hình hiện đại, YouTube ngang, hầu hết laptop
1.85:1	1.850	Phát hành rạp chiếu phim «flat» hiện đại
1.91:1	1.910	Thẻ chia sẻ Open Graph / Facebook / LinkedIn (1200×630)
2:1	2.000	Univisium, dùng cho một số nội dung gốc streaming
21:9	2.333*	Màn hình siêu rộng (*nhãn tiếp thị; kỹ thuật là 64:27 = 2,37:1)
2.39:1	2.390	Màn ảnh rộng anamorphic hiện đại («scope»)

Kích thước mạng xã hội năm 2026

• Instagram feed: ảnh dọc 4:5 (1080×1350) là mặc định tối ưu tương tác hiện tại, chiếm nhiều không gian màn hình dọc hơn đáng kể so với hình vuông 1:1 trên điện thoại. Hình vuông (1080×1080) và ngang 1,91:1 cũng được chấp nhận. Stories và Reels là 9:16 (1080×1920).
• TikTok: 9:16 gốc tại 1080×1920. Hình vuông được chấp nhận nhưng bị cắt trung tâm ở chế độ xem toàn màn hình.
• YouTube: ngang 16:9 (1920×1080 hoặc 3840×2160 cho 4K). YouTube Shorts là 9:16 tại 1080×1920.
• LinkedIn: thẻ chia sẻ/link 1200×630 (1,91:1). Banner bìa 1584×396 (4:1). Ảnh dọc 1080×1350 (4:5) được khuyến nghị cho bài đăng feed.
• Pinterest: ghim chuẩn 1000×1500 (2:3). Trung tâm trợ giúp Pinterest lưu ý rằng các tỷ lệ khác có thể ảnh hưởng tiêu cực đến khả năng tiếp cận, và các ghim cao hơn khoảng 1:2,1 sẽ bị cắt trong feed trang chủ.
• Facebook / Open Graph: xem trước link 1200×630 (1,91:1) là tiêu chuẩn thực tế cho xem trước lớn nhất trong News Feed và Messenger.

Letterbox, pillarbox, windowbox

Khi tỷ lệ khung hình của một khung không khớp với bề mặt hiển thị, bạn sẽ thấy các dải đen, định dạng phụ thuộc vào kích thước nào bị tràn.

• Letterbox: các dải ở trên và dưới. Nguồn rộng hơn màn hình. Ví dụ điển hình là chiếu phim 2,39:1 trên TV 16:9. Các dải chiếm khoảng 1 − (1.78 / 2.39) ≈ 25% không gian dọc.
• Pillarbox: các dải ở bên trái và phải. Nguồn hẹp hơn màn hình. Trường hợp điển hình là chiếu sitcom 4:3 trên TV 16:9.
• Windowbox: các dải ở cả bốn phía. Xảy ra khi nội dung đã letterboxed (hoặc pillarboxed) được scale vào khung có tỷ lệ khác.
• Pan and scan là phương án thay thế mang tính phá hủy: hình ảnh bị cắt để lấp đầy màn hình và camera «pan» qua khung gốc để giữ hành động ở trung tâm. Đây là tiêu chuẩn phát hành phim 2,35:1 trên băng VHS 4:3 trong những năm 1980 và 90, và bị chỉ trích rộng rãi vì cắt xén bố cục.

CSS aspect-ratio

Trình duyệt cung cấp một thuộc tính CSS thực hiện phép tính cho bạn trong layout. aspect-ratio: 16 / 9; khai báo hình dạng chiều rộng-chiều cao ưa thích của một phần tử. Khi ít nhất một trong chiều rộng hoặc chiều cao là auto, trình duyệt định cỡ hộp theo tỷ lệ; nếu cả hai đều tường minh, tỷ lệ bị bỏ qua. Theo MDN, thuộc tính này đã có trên tất cả các engine chính kể từ tháng 9 năm 2021 và mang trạng thái «Baseline Widely available».

Trước đó, thủ thuật chuẩn là padding hack (Thierry Koblentz, 2009): đặt chiều cao của wrapper về không và đặt padding-bottom: 56.25%, tức là 9 ÷ 16 × 100. Phần trăm padding được tính dựa trên chiều rộng phần tử cha, vì vậy hộp sẽ cao 9 đơn vị cho mỗi 16 đơn vị chiều rộng. Phiên bản hiện đại tương đương cho một YouTube embed responsive là một dòng:

<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>

Đặt aspect-ratio trên thẻ <img> cũng giữ chỗ layout trước khi ảnh tải, đây là một trong những cải thiện rẻ nhất bạn có thể thực hiện cho Cumulative Layout Shift, một Core Web Vital ảnh hưởng đến xếp hạng tìm kiếm.

Các lỗi thường gặp

• Kéo giãn thay vì cắt hoặc letterbox. Scale từng trục một cách độc lập làm méo khuôn mặt và biến hình tròn thành hình oval. Quy tắc: không bao giờ scale chiều rộng và chiều cao với các hệ số khác nhau.
• Tin vào nhãn tiếp thị. Màn hình «21:9» kỹ thuật là 64:27 (≈ 2,37:1). Các panel laptop «1366×768» thì gần như là 16:9 (1366÷768 = 1,7786 so với 16÷9 = 1,7778) nhưng tỷ lệ đơn giản hóa thực ra là 683:384, đó là lý do tại sao video 1080p đôi khi downscale không hoàn hảo. «4K» có thể có nghĩa là 3840×2160 (UHD, 16:9) hoặc 4096×2160 (cinema DCI, ≈ 1,90:1) tùy ngữ cảnh.
• Cắt lại mà không căn chỉnh lại chủ thể. Một ảnh dọc 1:1 được bố cục chính giữa sẽ mất đầu và chân khi cắt lại thành 9:16; ảnh dọc 9:16 sẽ mất tay và đạo cụ khi cắt lại thành 1:1. Các nhà thiết kế chụp với «vùng an toàn» (khoảng 80% ở giữa) tồn tại qua mọi lần cắt lại phổ biến.
• Nhầm lẫn tỷ lệ khung hình với mật độ pixel. 1920×1080 và 3840×2160 có cùng tỷ lệ khung hình nhưng tạo ra độ sắc nét rất khác nhau trên cùng một màn hình vật lý.
• Grid và feed trên Instagram. Bài đăng 4:5 hiển thị ở chiều cao đầy đủ trong feed nhưng bị cắt giữa thành 1:1 trên grid hồ sơ, vì vậy mọi thứ quan trọng (khuôn mặt, tiêu đề, logo) phải tồn tại qua lần cắt vuông.
• Nhầm lẫn 16:9 với tỷ lệ vàng. Phi (≈ 1,618) nằm giữa 3:2 (1,5) và 16:10 (1,6). Hình chữ nhật vàng thực sự trông giống thẻ tín dụng hơn là TV.

Câu Hỏi Thêm

1,91:1 có giống 16:9 không?

Không. 16:9 là 1,778, còn 1,91:1 là 1,910. Chúng trông giống nhau khi nhìn thoáng qua, nhưng thẻ chia sẻ Open Graph tại 1200×630 (1,91:1) rộng hơn một chút so với khung video 16:9 tại 1920×1080. Nhầm lẫn hai loại này là một trong những lý do phổ biến nhất khiến xem trước chia sẻ mạng xã hội bị cắt kỳ lạ.

Sự khác biệt giữa UHD 4K và DCI 4K là gì?

UHD 4K là 3840×2160 với tỷ lệ khung hình 16:9 (1,78:1) (đó là những gì TV tiêu dùng và hầu hết streaming sử dụng). DCI 4K là 4096×2160 với tỷ lệ khung hình 256:135 (≈ 1,90:1), đó là tiêu chuẩn làm chủ điện ảnh kỹ thuật số được yêu cầu bởi các máy quay chuyên nghiệp như RED, ARRI và Blackmagic. Hai định dạng khác nhau 256 pixel ngang, khoảng 6,7% tổng diện tích nhiều hơn trong DCI.

Làm thế nào để tôi tìm kích thước tương đương cho tỷ lệ khung hình khác?

Chọn tỷ lệ mục tiêu (ví dụ 16:9) và một kích thước bạn muốn giữ cố định (ví dụ chiều rộng 1080 pixel). Kích thước còn lại được tính từ một phép nhân đơn giản: height = 1080 × 9 ÷ 16 = 607,5, làm tròn thành 608. Bảng «Scale to New Size» ở trên thực hiện điều này tự động, thay đổi chiều rộng hoặc chiều cao mới và kích thước khớp được tính theo thời gian thực.

Tại sao 16:10 biến mất khỏi màn hình?

PC đã từng ưa chuộng 16:10 (1680×1050, 1920×1200) trong khoảng từ năm 2003 đến 2009. Ngành công nghiệp chuyển sang 16:9 khoảng năm 2009-2010 vì các nhà sản xuất TV đã sản xuất panel LCD 16:9 với số lượng lớn cho HDTV, vì vậy làm màn hình máy tính cùng hình dạng cho phép mọi người dùng chung dây chuyền nhà máy. 16:10 đã quay trở lại trên các laptop cao cấp (các mẫu MacBook Pro 14-inch và 16-inch gần đây, cộng với một số laptop Windows) vì nó cho nhiều không gian dọc hơn cho code và tài liệu.

Công cụ này có hoạt động hoàn toàn trong trình duyệt của tôi không?

Có. Máy tính là một vài dòng JavaScript tính toán GCD và công thức scale cục bộ; không có gì được gửi đến máy chủ, không cần tài khoản, và nó hoạt động ngoại tuyến sau khi trang đã được cache. Điều tương tự áp dụng cho mọi công cụ khác trên Absolutool.

Công cụ liên quan