Apa itu Gambar Open Graph?
Ketika Anda membagikan tautan di platform media sosial seperti Facebook, Twitter, atau LinkedIn, kartu pratinjau yang muncul menyertakan gambar — ini adalah gambar Open Graph (OG). Gambar OG yang dirancang dengan baik dapat secara dramatis meningkatkan tingkat klik dan membuat konten Anda menonjol di feed yang ramai.
Pembuat ini membantu Anda membuat gambar OG profesional dalam hitungan detik, tanpa memerlukan perangkat lunak desain. Pilih dari 20 template unik, sesuaikan teks dan warna, tambahkan gambar Anda sendiri, dan ekspor PNG sempurna 1200×630 yang siap digunakan.
Mengapa Gambar OG Penting
Kesan Pertama
Keterlibatan Lebih Tinggi
Konsistensi Merek
Penampilan Profesional
- 1. Apa itu Gambar Open Graph?
- 2. Cara Membuat Gambar OG Anda
- 3. Fitur
- 4. Pertanyaan yang Sering Diajukan
- 4.1. Berapa ukuran gambar OG yang seharusnya?
- 4.2. Bisakah saya mengunggah gambar saya sendiri?
- 4.3. Bagaimana cara memposisikan ulang teks pada gambar?
- 4.4. Apakah gambar saya diunggah ke server?
- 4.5. Bisakah saya menggunakan warna khusus?
- 4.6. Bagaimana cara menambahkan gambar ini ke situs web saya?
- 4.7. Platform mana yang mendukung gambar OG?
Cara Membuat Gambar OG Anda
Masukkan Konten Anda
Isi kolom teks di bagian Konten:
- Judul — Judul utama Anda (muncul menonjol pada gambar)
- Subjudul — Deskripsi singkat atau tagline
- Penulis — Nama Anda atau pembuat konten
- Situs Web — Nama domain Anda (juga ditampilkan dalam simulasi pratinjau sosial)
Pilih Template
Gulir ke bawah ke bagian Template dan klik desain apa pun yang Anda sukai. Ada 20 gaya untuk dipilih — gradien, minimal, tema gelap, retro, dan banyak lagi. Setiap template mengatur teks Anda secara berbeda.
Sesuaikan Warna
Pilih dari 8 preset warna atau gunakan pemilih warna untuk menetapkan warna primer dan aksen Anda sendiri. Template menyesuaikan latar belakang dan aksen mereka berdasarkan pilihan Anda.
Posisikan Teks Anda
Seret elemen teks apa pun langsung pada kanvas untuk memposisikan ulang. Klik dua kali teks pada kanvas untuk dengan cepat melompat ke kolom inputnya untuk pengeditan.
Tambahkan Gambar (Opsional)
Klik + Tambah di bagian Gambar untuk mengunggah foto atau logo. Pada kanvas:
- Klik gambar untuk memilihnya
- Seret untuk memindahkannya
- Seret pegangan sudut untuk mengubah ukuran (mempertahankan rasio aspek)
- Tekan Delete untuk menghapus gambar yang dipilih
Ekspor
Klik tombol PNG untuk mengunduh gambar Anda (1200×630 piksel), atau gunakan tombol Salin untuk menyalinnya langsung ke papan klip Anda.
Fitur
20 Template Unik
Pilih dari koleksi template yang dirancang secara profesional dan beragam:
Gaya Gradient
Desain modern yang mengalir dengan transisi warna yang mulus
- Aliran Gradient
- Matahari Terbenam Hangat
- Angin Laut
- Gradient Mesh
Bersih & Minimal
Desain sederhana dan elegan yang fokus pada konten
- Minimal Bersih
- Pola Titik
- Geometri Berani
- Kartu Bertumpuk
Tema Gelap
Desain berani dan kontras tinggi untuk dampak maksimal
- Terminal Gelap
- Cahaya Neon
- Cyberpunk
- Aurora
Kreatif & Unik
Desain menonjol dengan karakter yang khas
- Polaroid
- Surat Kabar
- Brutalis
- Garis Retro
- Topografi
Profesional
Template siap bisnis untuk konten korporat
- Blog Pro
- Pemisah Berani
- Kartu Kaca
Teks yang Dapat Diseret untuk Diposisikan
Setiap elemen teks (judul, subjudul, penulis, situs web) dapat diseret secara bebas ke posisi apa pun pada kanvas. Setiap template menyediakan posisi default yang cerdas, tetapi Anda memiliki kontrol penuh atas tata letak.
Unggahan & Pengeditan Gambar
Unggah beberapa gambar untuk berlapis di atas latar belakang template. Setiap gambar dapat dipindahkan dan diubah ukurannya secara independen menggunakan pegangan sudut intuitif yang mempertahankan rasio aspek asli.
- Unggah gambar tanpa batas
- Seret untuk memposisikan ulang di mana saja pada kanvas
- Ubah ukuran dengan pegangan sudut (rasio aspek terkunci)
- Hapus gambar yang dipilih dengan keyboard
Kustomisasi Warna
Template merespons pilihan warna Anda — pilih dari 8 preset warna yang dikurasi dengan hati-hati atau tentukan warna primer dan aksen Anda sendiri menggunakan pemilih warna.
Skema Warna Cepat
- 8 preset yang dirancang secara profesional
- Aplikasi satu klik
- Kombinasi warna yang harmonis
Warna Merek
- Kontrol pemilih warna penuh
- Sesuaikan dengan identitas merek Anda
- Warna primer dan aksen
Simulasi Pratinjau Sosial
Lihat persis bagaimana gambar OG Anda akan muncul ketika dibagikan di media sosial. Kartu pratinjau menampilkan gambar Anda bersama domain, judul, dan deskripsi — persis seperti yang ditampilkan Facebook atau LinkedIn.
Pratinjau Zoom
Gunakan kontrol zoom untuk memeriksa desain Anda pada berbagai ukuran — dari kartu kompak 320px hingga tampilan besar 840px — memastikan teks dan gambar Anda terlihat bagus pada skala apa pun.
Ekspor Instan
Unduh gambar OG yang sudah selesai sebagai file PNG berkualitas tinggi (1200×630 piksel) atau salin langsung ke papan klip Anda untuk ditempel ke aplikasi lain.
Unduhan PNG
Salin ke Papan Klip
Pertanyaan yang Sering Diajukan
Berapa ukuran gambar OG yang seharusnya?
Ukuran gambar Open Graph standar adalah 1200 × 630 piksel (rasio aspek 1.91:1). Ukuran ini berfungsi di Facebook, Twitter, LinkedIn, dan sebagian besar platform lainnya. Alat ini menghasilkan gambar pada resolusi yang tepat ini.
Bisakah saya mengunggah gambar saya sendiri?
Ya. Klik tombol + Tambah untuk mengunggah satu atau beberapa gambar. Anda dapat dengan bebas memindahkan dan mengubah ukuran setiap gambar pada kanvas menggunakan seret-dan-lepas dan pegangan sudut.
Bagaimana cara memposisikan ulang teks pada gambar?
Cukup klik dan seret elemen teks apa pun langsung pada kanvas. Ketika Anda beralih template, posisi teks disetel ulang ke default template.
Apakah gambar saya diunggah ke server?
Tidak. Semua pemrosesan terjadi sepenuhnya di browser Anda. Gambar dan data Anda tidak pernah diunggah ke server apa pun.
Bisakah saya menggunakan warna khusus?
Ya. Gunakan pemilih warna untuk menetapkan warna primer dan aksen apa pun, atau pilih dari 8 preset bawaan. Template secara otomatis menyesuaikan latar belakang dan elemen dekoratif mereka dengan warna pilihan Anda.
Bagaimana cara menambahkan gambar ini ke situs web saya?
Setelah mengunduh PNG, unggah ke situs web Anda dan tambahkan tag meta berikut ke <head> halaman Anda:
<meta property="og:image" c>Platform mana yang mendukung gambar OG?
Gambar Open Graph didukung oleh Facebook, Twitter (sebagai Twitter Cards), LinkedIn, Discord, Slack, WhatsApp, Telegram, Pinterest, dan sebagian besar aplikasi pesan yang menghasilkan pratinjau tautan.
- Twitter / X (Twitter Cards)
- Discord
- Slack
- Telegram
Belum ada komentar. Jadilah yang pertama berkomentar!