Vùng an toàn của ảnh và video mạng xã hội: con số cụ thể cho video dọc và thumbnail
Công cụ kiểm tra vùng an toàn giúp bạn thấy phần khung hình sẽ bị giao diện của nền tảng che mất, trước khi đưa chữ, logo hay nút kêu gọi hành động vào đó. Có sẵn ba preset là video dọc kiểu TikTok, Reels và Shorts, ảnh vuông cho bảng tin Instagram, cùng thumbnail YouTube, kèm khung minh họa chồng lên chính ảnh bạn tải lên.
Tính năng nổi bật
- Ba preset dựng sẵn: video dọc 1080 nhân 1920, ảnh vuông 1080 nhân 1080 và thumbnail 1280 nhân 720
- Hiện kích thước khung hình gốc và kích thước vùng an toàn còn lại theo điểm ảnh
- Tải ảnh từ máy lên để xem khung an toàn chồng trực tiếp lên bố cục thật của bạn
- Vẽ khung vàng đánh dấu vùng an toàn và hai dải đỏ đánh dấu phần trên dưới hay bị giao diện che
- Khung minh họa giữ đúng tỷ lệ khung hình của preset nên bố cục nhìn không bị méo
- Đổi preset là khung vẽ lại ngay, tiện so cùng một ảnh trên nhiều định dạng
- Ảnh chỉ được đọc bằng đường dẫn tạm trong trình duyệt và được thu hồi khi bạn đổi ảnh khác
- Không cần đăng nhập, không tải ảnh lên bất kỳ máy chủ nào
Vì sao chữ trong video hay bị che dù lúc dựng nhìn vẫn ổn
Khi dựng video trong phần mềm biên tập, bạn nhìn thấy toàn bộ khung hình 1080 nhân 1920 trống trơn. Nhưng lúc video lên TikTok, Reels hay Shorts thì nền tảng phủ lên trên đó cả một lớp giao diện: tên tài khoản, phần mô tả, tên bài nhạc và thanh tiến trình chiếm dải dưới, biểu tượng và các nút ở đầu chiếm dải trên, cột nút thích, bình luận, chia sẻ chiếm lề phải. Câu chốt quan trọng nhất mà bạn đặt sát đáy khung hình thường biến mất hoàn toàn sau phần mô tả. Vấn đề là bạn không phát hiện được điều này cho tới khi video đã đăng, và lúc đó sửa thì mất luôn lượt hiển thị của những giờ đầu. Xem trước khung an toàn ngay lúc còn đang dựng là cách rẻ nhất để tránh chuyện đó, nhất là khi bạn làm hàng loạt video theo cùng một mẫu.
Lợi ích khi sử dụng
- Phát hiện chữ bị che trước khi đăng thay vì sau khi đã có lượt xem
- Có con số điểm ảnh cụ thể để đặt lưới hướng dẫn cố định trong phần mềm dựng
- Dùng chung một mẫu bố cục cho cả loạt nội dung nên nhìn nhất quán hơn
- Ảnh không rời khỏi máy, yên tâm với nội dung chưa công bố hoặc thiết kế của khách
- Không phải đăng thử rồi xóa để kiểm tra bố cục
Cách kiểm tra vùng an toàn cho một thiết kế
- 1Chọn preset đúng với nơi bạn sẽ đăng, vì video dọc, ảnh vuông và thumbnail có vùng bị che khác hẳn nhau.
- 2Đọc hai con số ở cột trái để biết khung hình gốc bao nhiêu điểm ảnh và vùng an toàn còn lại bao nhiêu.
- 3Tải ảnh chụp màn hình bản dựng hoặc ảnh bìa của bạn lên để khung an toàn hiện chồng lên đúng bố cục thật.
- 4Kiểm tra xem toàn bộ chữ, logo và nút kêu gọi hành động có nằm gọn trong khung vàng hay không, chú ý cả phần bị lề trái phải cắt.
- 5Đưa các phần tử quan trọng vào trong khung rồi xuất lại ảnh, giữ nguyên kích thước gốc chứ đừng cắt bớt khung hình.
Ba preset và con số cụ thể đằng sau chúng
Preset video dọc dùng khung 1080 nhân 1920 điểm ảnh, chừa 220 điểm ảnh ở trên, 320 điểm ảnh ở dưới và 80 điểm ảnh mỗi bên, nên vùng an toàn còn 920 nhân 1380 điểm ảnh, tức khoảng 61 phần trăm diện tích khung hình. Dải dưới rộng nhất vì đó là nơi tên tài khoản, phần mô tả và tên bài nhạc chồng lên. Preset ảnh vuông cho bảng tin Instagram dùng khung 1080 nhân 1080, chừa 120 trên, 160 dưới và 80 mỗi bên, còn lại 920 nhân 800 điểm ảnh; phần chừa ở đây không phải vì bị giao diện che mà chủ yếu để bố cục không bị chật khi ảnh bị cắt thành ô vuông nhỏ ở trang hồ sơ. Preset thumbnail YouTube dùng khung 1280 nhân 720, chừa 60 trên dưới và 90 mỗi bên, còn 1100 nhân 600 điểm ảnh. Ba con số này là mức tham chiếu thực dụng chứ không phải thông số chính thức do nền tảng công bố, nên hãy coi khung vàng là ranh giới an toàn có dư chứ không phải ranh giới tuyệt đối.
Giao diện video dọc che những gì và ở đâu
Trên video dọc, phần bị che chia thành ba mảng. Mảng đáy là dày nhất, gồm tên tài khoản, dòng mô tả có thể dài hai đến ba dòng, tên bản nhạc chạy ngang và thanh tiến trình sát mép dưới. Nếu người xem bấm mở rộng phần mô tả, mảng này còn ăn cao hơn nữa. Mảng phải là cột biểu tượng dọc gồm ảnh đại diện, nút thích, bình luận, lưu và chia sẻ, chiếm khoảng một phần mười chiều rộng và kéo dài gần nửa chiều cao. Mảng trên chứa các tab điều hướng, ô tìm kiếm và trên nhiều điện thoại còn bị thanh trạng thái cùng phần khuyết của màn hình lấn vào. Hệ quả thực tế là ba khu vực không nên đặt chữ: 320 điểm ảnh cuối cùng, 220 điểm ảnh đầu tiên và dải bên phải. Nếu buộc phải có chữ ở đáy vì lý do bố cục, hãy đặt nó cao hơn mép dưới ít nhất một phần sáu chiều cao khung hình và tránh đặt trùng vị trí với dòng mô tả.
Thumbnail YouTube có kiểu bị che khác hẳn
Thumbnail không bị giao diện phủ lên như video dọc, nhưng nó bị ba thứ khác. Thứ nhất, nhãn thời lượng video luôn nằm ở góc dưới bên phải, nên đừng đặt gì quan trọng vào ô đó. Thứ hai, thanh tiến trình màu đỏ cho biết bạn đã xem tới đâu chạy dọc mép dưới với những video người xem từng mở dở. Thứ ba, và đây mới là điều quyết định, thumbnail hiển thị trên điện thoại có bề rộng rất nhỏ, nên chữ cao dưới khoảng một phần mười chiều cao ảnh sẽ không đọc nổi. Nguyên tắc thực dụng là giới hạn ba đến năm chữ, dùng cỡ chữ đủ lớn để cả dòng chiếm ít nhất một phần tư chiều cao khung, và luôn có viền hoặc nền tương phản phía sau chữ vì ảnh nền thay đổi thất thường. Về kỹ thuật, YouTube khuyến nghị ảnh 1280 nhân 720 điểm ảnh, tỷ lệ 16 trên 9, định dạng JPG hoặc PNG và dung lượng nằm trong giới hạn tải lên của nền tảng, nên đừng xuất ảnh nhỏ hơn rồi để hệ thống phóng lên.
Đặt chữ trong vùng an toàn sao cho đọc được
Nằm trong khung vàng mới là điều kiện cần, đọc được mới là điều kiện đủ. Trên video dọc, một dòng chữ chỉ thật sự dễ đọc khi chiều cao chữ chiếm khoảng một phần mười lăm đến một phần mười chiều cao khung hình, tức tầm 130 đến 190 điểm ảnh với khung 1920. Chữ nhỏ hơn thế sẽ mờ khi video bị nén và khi người xem cầm điện thoại cách mắt nửa mét. Về màu, đừng đặt chữ trắng lên nền ảnh sáng mà không có lớp nền mờ phía sau, vì độ tương phản thay đổi theo từng khung hình của video. Về số lượng, mỗi khung hình nên có một ý duy nhất; muốn nói ba ý thì tách thành ba đoạn chứ đừng xếp ba dòng cùng lúc. Một mẹo hay dùng khi làm nội dung đăng cả trên video dọc lẫn bảng tin vuông là đặt toàn bộ chữ trong phần vuông ở giữa khung dọc, khi cắt sang tỷ lệ vuông thì không mất chữ nào và cũng không phải dựng lại.
Những gì công cụ này không làm và giới hạn của các con số
Công cụ chỉ vẽ khung tham chiếu để bạn nhìn, nó không cắt ảnh, không xuất tệp và không kiểm tra tự động xem chữ của bạn có nằm ngoài khung hay không; việc đối chiếu vẫn do mắt bạn làm. Ảnh tải lên được đọc bằng đường dẫn tạm ngay trong trình duyệt và bị thu hồi khi bạn chọn ảnh khác hoặc rời trang, nên nó không được gửi đi đâu và cũng không được lưu lại. Về độ chính xác, các con số chừa lề là ước lượng có dư dựa trên bố cục giao diện phổ biến, không phải thông số do nền tảng công bố và cũng không tự cập nhật. Giao diện của TikTok, Instagram và YouTube thay đổi khá thường xuyên, cùng một ứng dụng cũng hiển thị khác nhau giữa điện thoại có phần khuyết màn hình và điện thoại không có, giữa bản trên điện thoại và bản trên máy tính. Vì vậy hãy giữ thói quen kiểm tra lại bằng cách đăng thử ở chế độ riêng tư trước khi phát hành chính thức những nội dung quan trọng.
Câu hỏi thường gặp (FAQ)
Vùng an toàn của video dọc rộng bao nhiêu?
Với preset trong công cụ, khung hình 1080 nhân 1920 điểm ảnh chừa 220 ở trên, 320 ở dưới và 80 mỗi bên, nên vùng an toàn còn 920 nhân 1380 điểm ảnh. Đó là khoảng 61 phần trăm diện tích khung hình. Phần chừa ở đáy dày nhất vì tên tài khoản, dòng mô tả và tên bản nhạc đều nằm ở đó.
Vì sao dải dưới của video dọc phải chừa nhiều đến vậy?
Vì đó là chỗ tập trung nhiều thành phần giao diện nhất: tên tài khoản, phần mô tả có thể dài hai đến ba dòng, tên bản nhạc chạy ngang và thanh tiến trình sát mép. Khi người xem bấm mở rộng phần mô tả, mảng này còn cao thêm nữa, nên câu chốt đặt sát đáy gần như chắc chắn bị che.
Cột nút thích và chia sẻ bên phải có được tính vào không?
Có, phần chừa 80 điểm ảnh mỗi bên là để tránh cột biểu tượng dọc bên phải và tránh chữ bị sát mép bên trái. Tuy vậy cột nút trên một số phiên bản ứng dụng rộng hơn 80 điểm ảnh, nên nếu bố cục của bạn có chữ chạy ngang gần hết chiều rộng thì nên lùi thêm ở phía phải.
Ảnh tôi tải lên có bị gửi lên máy chủ không?
Không. Ảnh được đọc bằng đường dẫn tạm tạo ngay trong trình duyệt, chỉ dùng để vẽ nền cho khung minh họa, và đường dẫn này bị thu hồi khi bạn chọn ảnh khác hoặc rời trang. Không có bước tải lên nào, nên bạn dùng được với ảnh chưa công bố hay thiết kế của khách hàng.
Các con số chừa lề có phải thông số chính thức của nền tảng không?
Không. Đây là mức tham chiếu thực dụng dựa trên bố cục giao diện phổ biến, cố tình để dư một chút cho an toàn. Giao diện của TikTok, Instagram và YouTube thay đổi theo phiên bản, và cùng một ứng dụng cũng hiển thị khác nhau giữa các mẫu điện thoại, nên hãy coi khung vàng là ranh giới có biên dự phòng.
Thumbnail YouTube nên tránh đặt chữ ở đâu?
Tránh góc dưới bên phải vì nhãn thời lượng video luôn nằm ở đó, và tránh dải sát mép dưới vì thanh tiến trình màu đỏ sẽ đè lên với những video người xem đã mở dở. Preset trong công cụ chừa 60 điểm ảnh trên dưới và 90 mỗi bên, còn lại vùng an toàn 1100 nhân 600 điểm ảnh.
Chữ trên thumbnail nên to cỡ nào?
Đủ để đọc được ở kích thước rất nhỏ trên điện thoại, thường là dòng chữ chiếm ít nhất một phần tư chiều cao ảnh. Giới hạn ba đến năm chữ và luôn thêm viền hoặc nền tương phản phía sau, vì nền ảnh mỗi video một khác nên chữ trắng trơn dễ chìm vào vùng sáng.
Kích thước chuẩn của thumbnail YouTube là bao nhiêu?
YouTube khuyến nghị ảnh 1280 nhân 720 điểm ảnh theo tỷ lệ 16 trên 9, định dạng JPG hoặc PNG. Đừng xuất ảnh nhỏ hơn rồi để hệ thống phóng lên vì chữ sẽ nhòe. Preset trong công cụ dùng đúng kích thước này nên khung an toàn tính ra khớp với ảnh bạn sắp tải lên.
Preset ảnh vuông dùng cho trường hợp nào?
Dùng cho ảnh đăng bảng tin theo tỷ lệ 1 trên 1, kích thước 1080 nhân 1080 điểm ảnh. Phần chừa ở đây không phải vì bị giao diện che mà để bố cục không bị chật khi ảnh bị thu nhỏ thành ô vuông trong lưới trang hồ sơ, nơi mọi chi tiết nhỏ đều biến mất.
Làm một lần rồi dùng chung cho cả video dọc và ảnh vuông được không?
Được, nếu bạn đặt toàn bộ chữ và logo trong phần vuông ở giữa khung dọc. Khi cắt khung 1080 nhân 1920 thành 1080 nhân 1080 thì phần giữa được giữ lại nguyên vẹn nên không mất chữ nào. Đây là cách tiết kiệm thời gian khi bạn làm hàng loạt nội dung đăng nhiều nơi.
Công cụ có tự báo chữ của tôi nằm ngoài vùng an toàn không?
Không. Công cụ chỉ vẽ khung tham chiếu chồng lên ảnh, việc đối chiếu vẫn do mắt bạn làm. Nó cũng không cắt ảnh và không xuất tệp kết quả. Cách dùng hiệu quả là chụp màn hình bản dựng trong phần mềm biên tập rồi tải lên đây để soát trước khi kết xuất video.
Có nên đăng thử để kiểm tra lại không?
Với nội dung quan trọng thì nên. Cách an toàn là đăng ở chế độ riêng tư hoặc chỉ mình xem, mở trên đúng loại điện thoại mà phần lớn người xem của bạn đang dùng, rồi kiểm tra lại phần chữ ở đáy. Khung an toàn giúp giảm rủi ro chứ không thay được một lần xem thử trên thiết bị thật.
Từ khóa liên quan
- vùng an toàn ảnh mạng xã hội
- safe area tiktok
- vùng an toàn video tiktok
- safe area reels
- safe zone youtube shorts
- kích thước video dọc 1080x1920
- kích thước thumbnail youtube
- thumbnail youtube 1280x720
- kích thước ảnh instagram feed
- chữ trong video bị che
- bố cục video dọc
- cách đặt caption không bị che
- safe area checker
- khung an toàn thiết kế ảnh social
- tỷ lệ khung hình mạng xã hội
- thiết kế thumbnail dễ đọc
- kích thước ảnh đăng facebook instagram
- video dọc chuẩn kích thước
- cắt video 9:16 sang 1:1
- kiểm tra bố cục ảnh trước khi đăng
