onul.works

Generator OG Image

Buat desain OG image, gambar Open Graph, dan kartu berbagi sosial pada kanvas 1200x630.

◴ Data tidak disimpan ⌁ Gratis

Deskripsi Konsep

Buat gambar OG 1200x630 untuk social, messenger, dan preview pencarian

Gambar OG adalah thumbnail yang ditampilkan pada tautan yang dibagikan untuk menampilkan judul, deskripsi, dan branding secara sekilas.

Gunakan untuk konten yang dibagikan di media sosial, pesan, atau cuplikan pencarian di mana gambar preview digunakan sebelum halaman dibuka.

Saat membuat aset 1200x630, tempelkan teks penting dan logo dekat zona aman tengah terlebih dahulu, lalu rapikan jarak agar variasi crop di setiap permukaan preview berkurang.

Jaga kontras tetap tinggi, tetapkan marka brand secara konsisten, dan cek ukuran file serta format sebelum upload sebelum menguji perilaku cache dan refresh preview tiap platform.

Skenario penggunaan

Sebelum publikasi, siapkan satu gambar preview untuk tiap target link dan selesaikan judul serta deskripsi untuk konteks sosial dan pencarian.

Pemeriksaan kualitas

Validasi zona teks aman, keterbacaan logo, dan kontras warna; sesuaikan tipografi dan margin untuk perilaku crop yang mungkin terjadi.

Validasi pra-rilis

Konfirmasi ukuran file dan format, lalu gunakan tool preview masing-masing platform untuk memeriksa perilaku cache dan hasil render.

Perilaku platform dapat bervariasi berdasarkan kebijakan dan state cache, jadi verifikasi rendering preview di layanan target sebelum distribusi.

Hasil OG image

Cara menggunakan

  1. 1 Masukkan judul, deskripsi, nama brand, lalu pilih warna latar.
  2. 2 Opsional, tambahkan gambar latar dan pilih PNG atau JPEG.
  3. 3 Tinjau pratinjau, lalu unduh file gambar.

Contoh penggunaan umum

  • Buat gambar berbagi untuk blog
  • Hasilkan gambar social card
  • Unduh desain gambar Open Graph

Pertanyaan umum

Apakah alat ini memakai library editing eksternal?

Editing dan unduhan biasa memakai canvas browser. Unduhan teroptimasi server mengompres gambar sebagai WebP di Cloud Run.

Alur kerja terkait

Generator OG ImageSusun judul, deskripsi, dan latar kartu berbagi sebagai gambar terlebih dahulu. → Base64 ke GambarBuka aset gambar Base64 eksternal untuk memastikan bisa dipakai dalam OG image. → Generator FaviconSiapkan favicon juga jika gambar brand yang sama perlu muncul di tab browser.