Công Cụ Tạo Ảnh Open Graph Miễn Phí

Dễ dàng tạo ảnh OG tuyệt đẹp, ảnh tiêu đề Twitter/X và nhiều hơn nữa chỉ với vài cú nhấp chuột—không cần kỹ năng thiết kế. Đảm bảo hiển thị tốt nhất trên các nền tảng mạng xã hội như Twitter, Facebook và LinkedIn bằng các định dạng PNG (đề xuất), JPEG hoặc WebP. Cần tự động hóa? Tạo ảnh Open Graph ngay lập tức với API mạnh mẽ của chúng tôi.

Choose a template

Thuộc tính mẫu
Tùy chỉnh hình ảnh của bạn bằng cách thay đổi các thuộc tính.
Nền
Thiết lập nền tùy chỉnh cho hình ảnh của bạn.
Hướng chuyển màu
Lưới phủ
0.15
Preview
Định Dạng Hình Ảnh Tối Ưu Cho Open Graph
Chọn định dạng hình ảnh tốt nhất để chia sẻ trên mạng xã hội.
  • PNG: Mang lại chất lượng vượt trội cho văn bản và logo.
  • JPEG: Phù hợp với ảnh và hình ảnh có màu sắc phức tạp.
  • WebP: Định dạng hiện đại cung cấp khả năng nén tuyệt vời trong khi vẫn giữ chất lượng cao.
Tải Xuống Hình Ảnh
Xuất hình ảnh của bạn dưới dạng PNG, JPEG hoặc WebP.

Để hiển thị ảnh Open Graph (OG) tốt nhất trên các nền tảng như Twitter, Facebook và LinkedIn, nên sử dụng định dạng PNG (ưu tiên), JPEG hoặc WebP.

Tích Hợp API
Tạo ảnh Open Graph ngay lập tức bằng API của chúng tôi.

Sao chép nội dung yêu cầu dưới dạng JSON hoặc lệnh cURL.

Thêm Ảnh Open Graph Dễ Dàng

Dễ dàng thêm ảnh xem trước mạng xã hội vào website của bạn chỉ trong vài phút. Chọn phương pháp bạn thích bên dưới—sử dụng HTML hoặc Next.js App Router.

1. Lưu hình ảnh

Lưu ảnh OG đã tạo thành og.png trong thư mục gốc của website bạn.

2.Tạo và thêm thẻ Open Graph vào phần head của HTML

<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />

<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />

<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

Hãy đảm bảo thay thế yourdomain.com bằng tên miền thực tế của bạn.

Mẹo Chuyên Gia

  • Luôn có ảnh dự phòng trong trường hợp ảnh OG không tải được.
  • Sử dụng công cụ gỡ lỗi mạng xã hội để kiểm tra ảnh OG của bạn.
  • Thêm văn bản thay thế có ý nghĩa để cải thiện khả năng truy cập.
  • Ưu tiên sử dụng ảnh OG động cho nội dung cập nhật thường xuyên.