OG image (Open Graph) adalah gambar pratinjau yang muncul saat tautan dibagikan di media sosial atau aplikasi pesan. Gambar ini diatur dengan tag meta og:image di bagian halaman Anda dan biasanya jadi hal pertama yang dilihat orang di feed, jadi gambar yang jelas dan sesuai brand bisa terasa meningkatkan klik.

Generator OG Image - Pembuat Gambar Pratinjau Tautan

Generator OG Image untuk Pratinjau Tautan Media Sosial

Generator OG image ini membuat gambar pratinjau Open Graph yang muncul saat tautan Anda dibagikan di Facebook, X (Twitter), LinkedIn, Discord, Slack, dan aplikasi lainnya. Ketik judul dan detail Anda, pilih template, lalu ekspor PNG 1200×630 yang pixel-perfect — tanpa perlu software desain.

Alat ini dibuat untuk siapa saja yang merilis konten dan ingin kartu tautannya tampil rapi: blogger, marketer, developer yang mengatur tag meta og:image, dan kreator yang ingin setiap URL yang dibagikan menonjol, bukan menampilkan thumbnail generik atau kosong. Pilih dari 20 template, sesuaikan teks dan warna, masukkan gambar Anda sendiri, lalu unduh dalam hitungan detik.

Privat sejak awal: setiap template dirender di kanvas dalam browser Anda sendiri. Teks dan gambar apa pun yang Anda tambahkan tidak pernah diunggah ke server — hasil ekspor dibuat sepenuhnya di perangkat Anda.

Cara Membuat OG Image Anda

Masukkan konten Anda

Isi kolom Judul, Subjudul, Penulis, dan Situs Web di panel Konten. Kanvas diperbarui secara langsung saat Anda mengetik, dan situs web Anda juga mengisi simulasi kartu media sosial.

Pilih template

Buka kisi Template dan klik salah satu dari 20 desain — gradien, minimalis, gelap, retro, dan lainnya. Masing-masing menata teks Anda dengan tata letak dan gayanya sendiri.

Sesuaikan warna

Pilih salah satu dari 8 preset warna atau atur warna utama dan aksen Anda sendiri dengan pemilih warna. Template menyesuaikan latar dan aksennya agar cocok dengan pilihan Anda.

Atur posisi teks dan tambah gambar

Geser elemen teks mana pun di kanvas untuk memindahkannya, atau klik dua kali untuk langsung lompat ke kolom isiannya. Gunakan Tambah di panel Gambar untuk mengunggah foto atau logo, lalu geser untuk memindahkan dan tarik pegangan sudut untuk mengubah ukuran.

Ekspor gambar Anda

Unduh PNG 1200×630, atau salin gambar langsung ke clipboard untuk ditempel di tempat lain. Tambahkan ke halaman Anda dengan tag meta og:image, maka pratinjau tautan Anda siap.

Fitur

20 Template Unik

Tata letak gradien, minimalis, gelap, retro, dan kreatif termasuk Gradient Flow, Terminal Dark, Cyberpunk, Polaroid, Newspaper, Brutalist, dan Glass Card.

Kolom Teks Kustom

Atur judul, subjudul, penulis, dan situs web, dengan kanvas yang diperbarui langsung saat Anda mengetik setiap kolom.

Teks Bisa Digeser

Setiap elemen teks dapat digeser bebas di kanvas, jadi Anda tetap mengendalikan penuh tata letak melampaui posisi bawaan tiap template.

Preset Warna & Warna Kustom

Terapkan salah satu dari 8 preset pilihan atau atur warna utama dan aksen Anda sendiri; template mengganti tema latar dan aksennya agar cocok.

Unggah & Edit Gambar

Tambahkan beberapa foto atau logo di atas template, lalu geser untuk memindahkan dan tarik pegangan sudut untuk mengubah ukuran sementara rasio aspek tetap terkunci.

Simulasi Pratinjau Media Sosial

Kartu bagikan yang realistis menampilkan gambar Anda beserta domain, judul, dan deskripsi, sehingga Anda tahu tampilan tautan sebelum dipublikasikan.

Zoom Pratinjau

Atur kartu pratinjau melalui lima ukuran dari 320px yang ringkas hingga 840px yang besar untuk memeriksa ketahanan teks dan gambar di skala mana pun.

Ekspor & Salin PNG

Unduh PNG 1200×630 berkualitas tinggi atau salin gambar langsung ke clipboard untuk ditempel ke aplikasi lain.

Klik Dua Kali untuk Edit

Klik dua kali teks apa pun di kanvas untuk langsung lompat ke kolom isiannya di panel samping dan mulai mengedit seketika.

Hapus via Keyboard & Mode Gelap

Tekan Delete untuk menghapus gambar terpilih, dan bekerja nyaman dengan tema gelap bawaan.

Pertanyaan yang Sering Diajukan

Apa itu OG image?

OG image (Open Graph) adalah gambar pratinjau yang muncul saat tautan dibagikan di media sosial atau aplikasi pesan. Gambar ini diatur dengan tag meta og:image di bagian <head> halaman Anda dan biasanya jadi hal pertama yang dilihat orang di feed, jadi gambar yang jelas dan sesuai brand bisa terasa meningkatkan klik.

Berapa ukuran og:image yang ideal?

Ukuran Open Graph image standar adalah 1200 × 630 piksel (rasio 1.91:1), yang cocok di Facebook, X, LinkedIn, dan sebagian besar platform lainnya. Generator ini selalu mengekspor tepat pada resolusi tersebut.

Bagaimana cara menambahkan tag og:image di situs saya?

Unggah PNG hasil ekspor ke situs Anda, lalu tambahkan baris ini di dalam <head> halaman Anda:

<meta property="og:image" content="https://situsanda.com/path/ke/og-image.png">

Sebagian besar platform meng-cache pratinjau, jadi bagikan ulang atau gunakan debugger platform untuk menyegarkan kartu setelah Anda memperbarui tag.

Sebaiknya pakai PNG atau JPG untuk og:image?

Alat ini mengekspor PNG, yang menjaga teks dan grafik template tetap tajam dan didukung di mana saja. JPG bisa menghasilkan file lebih kecil untuk desain yang banyak fotonya, tetapi ekspor PNG di sini masih jauh di dalam batas ukuran umum platform dan jadi pilihan yang lebih aman untuk teks yang tajam.

Kenapa OG image saya tidak muncul saat membagikan tautan?

Penyebab paling umum adalah tag og:image yang hilang atau salah, URL gambar relatif alih-alih absolut, atau pratinjau lama yang ter-cache. Pastikan tag menunjuk ke URL https:// lengkap, lalu ambil ulang halaman di debugger pratinjau tautan platform untuk membersihkan cache.

Bisakah saya mengunggah gambar sendiri dan memakai warna kustom?

Bisa. Klik Tambah untuk mengunggah satu atau lebih foto atau logo, lalu geser untuk memindahkannya dan tarik pegangan sudut untuk mengubah ukuran sementara rasio aspek tetap terkunci. Untuk warna, pilih salah satu dari 8 preset atau atur warna utama dan aksen apa pun dengan pemilih warna, dan template akan menyesuaikan.

Bagaimana cara mengatur ulang posisi teks pada gambar?

Klik dan geser elemen teks mana pun langsung di kanvas untuk memindahkannya, atau klik dua kali untuk lompat ke kolom isiannya di panel samping. Berganti template mengembalikan teks ke posisi bawaan template tersebut.

Apakah gambar saya diunggah ke server?

Tidak. Semua perenderan dan ekspor berlangsung sepenuhnya di browser Anda menggunakan kanvas, dan gambar yang Anda tambahkan dibaca secara lokal di perangkat Anda. Tidak ada yang Anda masukkan atau unggah dikirim ke server.