📐

Máy Tính Tỷ Lệ Khung Hình, Resize Kích Thước & Safe Zone Pro

Khung preview trực quan, chuẩn mạng xã hội 2026, xuất CSS & SVG 100% Client-Side

Kích thước & Tỷ lệ mẫu sẵn có

| |

Nhập kích thước gốc (Pixel / Milimét / Đơn vị bất kỳ)

Chiều rộng (Width)

Chiều cao (Height)

Khóa Tỷ Lệ & Thay Đổi Kích Thước Mới

Chiều rộng mới (Target Width)

Chiều cao mới (Target Height)

Tỉ lệ phóng to / thu nhỏ nhanh:

Tỷ Lệ Tối Giản

Hệ Số Thập Phân

Độ Phân Giải (MP)

Định Hướng Khung

Mã Lập Trình Frontend

Khung Preview Trực Quan

▲ Top UI Header (Safe Zone 15%)

❤️ 💬 🔗

▼ Caption & Audio Bar (Safe Zone 20%)

Kích thước xem trước:

Tỷ Lệ Tiêu Chuẩn Nhanh

Bảo Mật Cấp Doanh Nghiệp Trên Trình Duyệt 100% Trình Duyệt

Không thu thập dữ liệu, không lưu trữ đám mây. Mã nguồn, mật khẩu và tài liệu của bạn được bảo vệ 100% tại máy khách.

✓ Cách Tính Toán Tỷ Lệ & Khóa Kích Thước Trong 3 Bước Nhanh Gọn

1 Bước 1

Nhập Số Đo Hoặc Chọn Mẫu Nhanh

Nhập pixel chiều rộng và chiều cao của hình ảnh, hoặc chọn nhanh preset TikTok (9:16), YouTube (16:9), Instagram (4:5, 1:1) hay Cinema (21:9).

2 Bước 2

Khóa Tỷ Lệ & Tự Động Resize

Bật Khóa Tỉ Lệ (Aspect Lock). Gõ chiều rộng mới, chiều cao tương ứng sẽ tự động tính toán chính xác tuyệt đối mà không méo hình.

3 Bước 3

Xem Preview & Xuất Code Frontend

Quan sát khung preview với lớp phủ Safe Zone và sao chép mã aspect-ratio CSS hoặc Tailwind CSS đưa vào dự án.

? Câu Hỏi Thường Gặp (FAQ)

Q1 Tại sao video quay bằng điện thoại đăng lên YouTube lại bị 2 dải đen hai bên (Pillarboxing)?

Điện thoại khi cầm dọc quay video theo tỷ lệ 9:16 (1080x1920 px), trong khi trình phát video YouTube chuẩn trên máy tính và TV hoạt động theo tỷ lệ ngang 16:9 (1920x1080 px). Khi phát nội dung hẹp dọc vào khung ngang rộng, hệ thống bắt buộc phải lấp đầy hai mép bằng hai dải đen. Nên xoay ngang khi quay hoặc đăng vào YouTube Shorts.

Q2 Độ phân giải 4K UHD và Full HD 1080p có cùng một tỷ lệ khung hình hay không?

Có. Cả Full HD (1920x1080 px), 2K QHD (2560x1440 px) và 4K UHD (3840x2160 px) đều có tỷ lệ khung hình chính xác là 16:9. Kích thước 4K UHD có số lượng điểm ảnh gấp 4 lần Full HD.

Q3 Thuộc tính CSS aspect-ratio hiện nay đã được tất cả trình duyệt hỗ trợ chưa?

Đúng vậy. Thuộc tính CSS hiện đại aspect-ratio đã được hỗ trợ 100% trên tất cả các trình duyệt lớn (Google Chrome, Safari, Mozilla Firefox, Microsoft Edge) từ năm 2021.

Q4 Màn hình laptop làm việc tỷ lệ 16:10 có điểm gì lợi thế hơn màn hình 16:9 truyền thống?

Tỷ lệ 16:10 (trên MacBook, Dell XPS) cao hơn màn hình 16:9, cung cấp thêm khoảng 11% không gian hiển thị dọc giúp hiển thị nhiều dòng code, bảng tính Excel hơn.

Q5 Hình ảnh và kích thước tôi nhập vào công cụ có bị tải lên máy chủ hoặc theo dõi không?

Tuyệt đối không. Toàn bộ logic tính toán GCD Euclid, co giãn kích thước và tạo mã code đều diễn ra 100% cục bộ trong bộ nhớ RAM trình duyệt của bạn (Client-Side).

Hệ Sinh Thái