Tính Tỷ Lệ Khung Hình — Chia Tỷ Lệ Kích Thước Đúng

Tỷ lệ khung hình là tỷ lệ chiều rộng:chiều cao. Duy trì đúng tỷ lệ ngăn méo khi chia tỷ lệ. Máy tính của chúng tôi tính kích thước còn thiếu dựa trên tỷ lệ.

Tỷ Lệ Khung Hình Thường Dùng

16:9 — tiêu chuẩn HD phổ quát. 4:3 — TV và màn hình cổ điển. 1:1 — vuông cho Instagram. 9:16 — story và Reels. 21:9 — màn hình rộng cinema. 3:2 — máy ảnh DSLR và mirrorless.

Tỷ Lệ Khung Hình Trong CSS

Thuộc tính CSS aspect-ratio: aspect-ratio: 16 / 9 tự động duy trì tỷ lệ. Kỹ thuật cũ: padding-top hack với phần trăm (56,25% cho 16:9). Dùng thuộc tính CSS gốc cho tất cả trình duyệt hiện đại.

Letterboxing và Pillarboxing

Letterboxing thêm thanh đen trên và dưới khi định dạng rộng hơn trên màn hình hẹp. Pillarboxing bên trái và phải khi định dạng hẹp hơn trên màn hình rộng. object-fit: cover lấp đầy diện tích mà không có thanh nhưng sẽ cắt bớt.