Generator Gambar Open Graph Gratis

Dengan mudah buat gambar OG, header Twitter/X, dan lainnya hanya dengan beberapa klik—tidak diperlukan keahlian desain. Pastikan tampilan terbaik di platform media sosial seperti Twitter, Facebook, dan LinkedIn dengan menggunakan format PNG (direkomendasikan), JPEG, atau WebP. Butuh otomatisasi? Hasilkan gambar Open Graph secara instan dengan API kami yang kuat.

Choose a template

Properti Template
Sesuaikan gambar Anda dengan mengubah properti.
Latar Belakang
Atur latar belakang kustom untuk gambar Anda.
Arah Gradien
Overlay Grid
0.15
Preview
Format Gambar Optimal untuk Open Graph
Pilih format gambar terbaik untuk berbagi media sosial.
  • PNG: Memberikan kualitas superior untuk teks dan logo.
  • JPEG: Bagus untuk foto dan gambar dengan warna kompleks.
  • WebP: Format modern yang memberikan kompresi sangat baik sambil mempertahankan kualitas tinggi.
Unduh Gambar
Ekspor gambar Anda dalam format PNG, JPEG, atau WebP.

Untuk tampilan gambar Open Graph (OG) terbaik di platform seperti Twitter, Facebook, dan LinkedIn, disarankan untuk menggunakan format PNG (lebih disukai), JPEG, atau WebP.

Integrasi API
Hasilkan gambar Open Graph secara instan menggunakan API kami.

Salin isi permintaan sebagai JSON atau perintah curl.

Menambahkan Gambar Open Graph Sangat Mudah

Dengan mudah tambahkan gambar pratinjau media sosial ke situs web Anda hanya dalam beberapa menit. Pilih metode yang Anda sukai di bawah ini—baik menggunakan HTML atau Next.js App Router.

1. Simpan gambar

Simpan gambar OG yang Anda hasilkan sebagai og.png di direktori root situs web Anda.

2.Hasilkan dan tambahkan Tag Open Graph ke head 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" />

Pastikan untuk mengganti yourdomain.com dengan nama domain Anda yang sebenarnya.

Tips Ahli

  • Selalu memiliki gambar cadangan jika gambar OG tidak dimuat.
  • Gunakan alat debugging media sosial untuk menguji gambar OG Anda.
  • Tambahkan teks alt yang bermakna untuk meningkatkan aksesibilitas.
  • Pilih gambar OG dinamis untuk konten yang sering diperbarui.