Tạo ảnh bìa / banner bài viết
Dựng ảnh bìa đúng kích thước cho Open Graph, Facebook, YouTube hay Instagram: nền gradient hoặc ảnh tự tải lên, thêm tiêu đề và logo rồi tải PNG.
Ảnh được xử lý ngay trong trình duyệt, không tải lên máy chủ nào.
Phủ tối bớt để chữ nổi lên khỏi ảnh.
Ảnh xem trước thu nhỏ cho vừa màn hình; file tải về đúng kích thước đã chọn.
Các bước thực hiện
Chọn khổ ảnh
Chọn theo chỗ định đăng chứ đừng chọn theo mắt: 1200×630 cho ảnh Open Graph và Facebook, 1600×900 cho X, 1280×720 cho thumbnail YouTube, 1080×1080 cho Instagram vuông và 1080×1920 cho story. Ảnh tải về đúng bằng số pixel này; khung xem trước chỉ thu nhỏ lại cho vừa màn hình.
Nhập chữ
Tiêu đề tự xuống dòng theo bề ngang khung, bạn cũng tự xuống dòng được bằng phím Enter. Nhãn nhỏ phía trên hợp để ghi loại bài (HƯỚNG DẪN, GHI CHÉP), dòng chân ảnh hợp để ghi tên miền. Cả ba đều bỏ trống được.
Chọn nền
Bấm một mẫu màu có sẵn là xong, hoặc tự chỉnh: gradient hai màu kèm thanh xoay hướng, màu đặc, hoặc ảnh của bạn. Chọn ảnh thì nhớ kéo thanh độ tối lớp phủ cho chữ nổi lên khỏi ảnh.
Thêm logo nếu cần
Logo đặt phía trên nhãn và tiêu đề, cỡ chỉnh bằng thanh trượt. Nên dùng file PNG nền trong suốt; ảnh có nền trắng sẽ hiện ra một ô trắng vuông trên nền màu.
Tải PNG
File lưu đúng khổ đã chọn, tên file tự đặt theo tiêu đề đã bỏ dấu nên dùng thẳng làm tên ảnh trong repo được luôn.
Câu hỏi thường gặp
Không. Ảnh được trình duyệt đọc thẳng từ ổ đĩa rồi vẽ lên canvas ngay trên máy bạn. Trang này là trang tĩnh, không có chỗ nào nhận tệp cả. Đóng tab là ảnh biến mất khỏi bộ nhớ.
Dùng 1200×630. Đó là tỉ lệ 1.91:1 mà Facebook, LinkedIn và phần lớn
nơi khác đọc thẻ og:image đều mong đợi, cũng là khổ an toàn nhất vì ít bị cắt
nhất.
Khổ này cũng dùng chung được cho Zalo và hầu hết ứng dụng nhắn tin có hiện xem trước liên kết.
Vì ảnh được phủ kín khung theo kiểu cover: phóng to tới khi che hết khung rồi cắt bớt phần thừa, giữ nguyên tỉ lệ gốc. Cách kia là bóp ảnh cho vừa, nhưng như thế mặt người sẽ méo. Muốn giữ trọn ảnh thì cắt sẵn ảnh về đúng tỉ lệ khổ bạn chọn trước khi tải lên.
Kéo thanh độ tối lớp phủ lên. Nó phủ một lớp đen mờ giữa ảnh và chữ, nên chữ sáng nổi hẳn lên mà vẫn thấy ảnh. Khoảng 40-60% hợp với phần lớn ảnh; ảnh nhiều chi tiết sáng thì cần cao hơn.
Tải PNG về, đặt vào thư mục ảnh của site, rồi trỏ thẻ
og:image và twitter:image tới đường dẫn đầy đủ của nó. Nhớ dùng URL
tuyệt đối (https://...) chứ không phải đường dẫn tương đối - đây là lỗi hay gặp
nhất khiến ảnh không hiện khi chia sẻ.
Nó tự xuống dòng cho vừa bề ngang, và thanh cỡ tiêu đề hạ xuống được nếu tràn quá nhiều dòng. Nói thật thì tiêu đề trên ảnh bìa nên ngắn: quá ba dòng là không ai đọc hết trên bảng tin.
Công cụ chạy hoàn toàn trên máy bạn. Dữ liệu không được gửi lên máy chủ hay bất kỳ nơi nào khác.