Penjana Imej Open Graph Percuma

Cipta imej OG, pengepala Twitter/X, dan banyak lagi dengan mudah dalam beberapa klik sahaja—tiada kemahiran reka bentuk diperlukan. Pastikan paparan terbaik pada platform media sosial seperti Twitter, Facebook, dan LinkedIn dengan menggunakan format PNG (disyorkan), JPEG, atau WebP. Perlukan automasi? Hasilkan imej Open Graph serta-merta dengan API berkuasa kami.

Choose a template

Sifat Templat
Sesuaikan imej anda dengan mengubah sifat.
Latar Belakang
Tetapkan latar belakang tersuai untuk imej anda.
Arah Gradien
Overlay Grid
0.15
Preview
Format Imej Optimum untuk Open Graph
Pilih format imej terbaik untuk perkongsian media sosial.
  • PNG: Memberi kualiti unggul untuk teks dan logo.
  • JPEG: Bagus untuk foto dan imej dengan warna kompleks.
  • WebP: Format moden yang memberikan mampatan cemerlang sambil mengekalkan kualiti tinggi.
Muat Turun Imej
Eksport imej anda dalam format PNG, JPEG, atau WebP.

Untuk paparan imej Open Graph (OG) terbaik pada platform seperti Twitter, Facebook, dan LinkedIn, disyorkan untuk menggunakan format PNG (lebih disukai), JPEG, atau WebP.

Integrasi API
Hasilkan imej Open Graph serta-merta menggunakan API kami.

Salin badan permintaan sebagai JSON atau arahan cURL.

Menambah Imej Open Graph Mudah Dilakukan

Tambahkan imej pratonton media sosial ke laman web anda dengan mudah dalam beberapa minit sahaja. Pilih kaedah pilihan anda di bawah—sama ada menggunakan HTML atau Next.js App Router.

1. Simpan imej

Simpan imej OG yang dihasilkan sebagai og.png dalam direktori root laman web anda.

2.Hasilkan dan tambah Tag Open Graph ke kepala 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 menggantikan yourdomain.com dengan nama domain sebenar anda.

Petua Pakar

  • Sentiasa mempunyai imej sandaran sekiranya imej OG tidak dimuatkan.
  • Gunakan alat penyahpepijat media sosial untuk menguji imej OG anda.
  • Tambahkan teks alternatif yang bermakna untuk meningkatkan kebolehcapaian.
  • Pilih imej OG dinamik untuk kandungan yang kerap dikemas kini.