Trình tạo ảnh OG

Trình tạo ảnh OG là gì?

Trình tạo ảnh OG là một công cụ miễn phí chạy trong trình duyệt để tạo thẻ chia sẻ mạng xã hội (ảnh Open Graph / Twitter Card) ở kích thước tiêu chuẩn 1200x630 pixel. Các nhà tiếp thị, blogger, lập trình viên độc lập và bất kỳ ai phát hành một trang đích đều dùng nó để tạo hình thu nhỏ xem trước gọn gàng mà không cần mở ứng dụng thiết kế. Bạn gõ tiêu đề chính và phụ đề tùy chọn, chọn màu đơn sắc hoặc chuyển sắc chéo, đặt màu văn bản cùng căn lề trái hoặc giữa, và dán URL logo nếu bạn muốn có dấu hiệu thương hiệu ở góc. Canvas được vẽ lại trực tiếp để bạn tinh chỉnh câu chữ và màu sắc, rồi xuất ra một PNG sẵn sàng tham chiếu trong thẻ meta og:image của bạn.

Cách sử dụng Trình tạo ảnh OG

1. Gõ tiêu đề của bạn vào trường Tiêu đề; nó được vẽ lớn và in đậm và xuống dòng tối đa ba dòng.
2. Thêm một phụ đề tùy chọn bên dưới tiêu đề, hoặc để trống để chỉ hiển thị tiêu đề chính.
3. Mở Cài đặt để chọn nền đơn sắc hoặc chuyển sắc, đặt màu nền và màu văn bản, và chọn căn lề trái hoặc giữa.
4. Tùy chọn dán URL ảnh logo (một ảnh đã bật CORS) để đặt logo phía trên văn bản.
5. Xem bản xem trước 1200x630 cập nhật trực tiếp, nhấp vào để phóng to, rồi tải thẻ xuống dưới dạng PNG.

Ví dụ

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

Ảnh được tạo có kích thước bao nhiêu?

Luôn là 1200x630 pixel, tỷ lệ khung hình tiêu chuẩn của Open Graph và Twitter summary-large-image (khoảng 1,91:1). Kích thước đó hiển thị sắc nét trong bản xem trước liên kết trên Facebook, X/Twitter, LinkedIn, Slack và Discord.

Làm thế nào để thêm logo của riêng tôi?

Dán một URL trực tiếp tới ảnh logo vào trường URL Logo. Ảnh được lấy từ URL đó và vẽ phía trên văn bản ở chiều cao cố định với tỷ lệ khung hình được giữ nguyên. Nguồn phải cho phép sử dụng chéo nguồn gốc (CORS) nếu không trình duyệt sẽ chặn việc vẽ nó lên canvas.

Tôi có thể kiểm soát màu sắc và bố cục không?

Có. Trong Cài đặt, bạn có thể chuyển đổi giữa nền đơn sắc và chuyển sắc chéo hai màu, đặt (các) màu nền và màu văn bản, và chọn căn lề trái hoặc giữa. Tiêu đề và phụ đề tự động xuống dòng và văn bản dài bị cắt bớt bằng dấu chấm lửng.

Văn bản hoặc ảnh của tôi có được tải lên đâu không?

Không. Thẻ được vẽ hoàn toàn trên một canvas HTML trong trình duyệt của bạn và xuất ra PNG cục bộ. Tiêu đề, phụ đề và màu sắc của bạn không bao giờ được gửi đến máy chủ. Chỉ một URL logo bạn cung cấp được lấy về, và yêu cầu đó đi thẳng từ trình duyệt của bạn đến máy chủ bạn đã chọn.