1200 x 628 vs 1200 x 627: Ukuran Mana yang Tepat?

Jika Anda pernah mencoba membuat gambar pratinjau tautan, Anda mungkin telah menemui ini: satu panduan mengatakan 1200 x 628, panduan lain mengatakan 1200 x 627, dokumentasi Facebook sendiri mengatakan 1200 x 630, dan template desain Anda disetel ke sesuatu yang sama sekali berbeda. Keempat ukuran tersebut terlihat identik. Jadi mana yang sebenarnya benar?

Jawaban singkat: semuanya baik-baik saja. Semuanya adalah perkiraan dari rasio aspek yang sama, dan perbedaan di antara mereka adalah tiga piksel dari gambar setinggi 630 piksel — kira-kira setengah dari satu persen. Tetapi sebaiknya pahami dari mana angka-angka itu berasal, karena mengetahui hal itu menghemat Anda dari mengekspor spanduk yang sama lima kali.

Semuanya mencoba mencapai 1.91:1

Protokel Open Graph — kumpulan meta tag yang dibaca Facebook, LinkedIn, Slack, iMessage dan sebagian besar platform lainnya untuk membangun pratinjau tautan — merekomendasikan gambar dengan rasio aspek 1.91:1. Itu saja. 1.91 sudah merupakan angka yang dibulatkan, jadi ketika perusahaan berbeda mengalikannya, mereka mendapatkan hasil yang sedikit berbeda:

• 1200 ÷ 1.91 = 628.27 → dibulatkan menjadi 1200 x 628
• 1200 x 630 = tepat 1.905:1 → rekomendasi terdokumentasi Facebook
• 1200 x 627 = 1.914:1 → ukuran yang telah lama dipublikasikan LinkedIn
• 1200 x 625 = tepat 1.92:1 → muncul di template yang lebih lama

None of these is "wrong." Tidak ada yang "salah". Semuanya adalah artefak pembulatan dari spesifikasi yang sama. Crawler tidak menolak gambar karena berselisih tiga piksel; mereka hanya memerlukan file dengan ukuran minimal 200 x 200 dan idealnya lebar 1200px agar render terlihat tajam di layar kepadatan tinggi.

Apakah perbedaan 3 piksel pernah penting?

Dalam praktik, hanya dalam satu situasi: pemotongan ketat. Platform tidak menampilkan gambar Anda dengan ukuran aslinya — mereka memasukkannya ke dalam tata letak kartu apa pun yang mereka gunakan bulan itu, dan tepi-tepinya dipotong. Jika teks judul Anda berjalan tepat di bagian atas frame, gambar 1200 x 628 yang dipotong menjadi kartu 1.78:1 akan memotongnya, begitu juga dengan 1200 x 630.

Solusinya bukan memilih jumlah piksel yang "benar". Ini meninggalkan margin aman: simpan logo dan teks di dalam ~90% tengah kanvas dan jangan letakkan apa pun yang penting dalam 60px dari tepi mana pun. Kemudian benar-benar tidak penting ukuran mana dari ketiga ukuran tersebut yang Anda ekspor.

Cara membuat satu gambar yang bekerja di mana-mana

Rekomendasi saya: buat dengan 1200 x 630. Ini adalah ukuran terdokumentasi Facebook, sangat dekat dengan 1.91:1, dan merupakan angka genap, yang menghindari rendering setengah-piksel ganjil di beberapa editor. Kemudian gunakan kembali file yang sama untuk LinkedIn, Slack, Discord dan tag Open Graph secara umum.

Jika Anda sudah memiliki gambar dengan dimensi yang salah, berikut cara cepat untuk memperbaikinya tanpa memasang apa pun:

1. Buka alat pemotongan dan potong foto sumber Anda menjadi bentuk ~1.91:1 terlebih dahulu. Ini adalah langkah yang orang lewatkan — jika Anda langsung mengubah ukuran, foto 4:3 akan terkompresi dan wajah terlihat salah.
2. Ambil file yang dipotong ke alat pengubah ukuran dan atur ke 1200 x 630 (atau 628, atau 627 — pilih satu dan lanjutkan).
3. Ekspor sebagai JPG untuk foto, PNG hanya jika Anda membutuhkan teks yang tajam atau transparansi di belakang logo. Konverter gambar menangani perubahan itu jika sumber Anda adalah PNG, WebP atau HEIC.

Semuanya terjadi di dalam browser Anda di cutbg — file tidak pernah meninggalkan komputer Anda, tidak ada antrian upload dan tidak ada akun. Itu penting lebih dari yang orang sadari untuk tangkapan produk yang belum dirilis atau pekerjaan klien yang belum Anda umumkan.

Perhatikan ukuran file juga

Platform memiliki batas unggah dan pengambilan — Facebook membatasi gambar Open Graph pada 8MB, dan beberapa crawler dengan diam memberikan pada apa pun yang lambat diunduh. JPG 1200 x 630 harus dengan nyaman mendarat antara 100KB dan 300KB. Jika ekspor Anda adalah PNG multi-megabyte, jalankan melalui kompresor terlebih dahulu. File yang lebih kecil juga berarti pratinjau benar-benar muncul alih-alih menampilkan kartu kosong saat crawler habis waktu.

Jika pratinjau masih menunjukkan gambar lama

Ini hampir tidak pernah masalah penentuan ukuran. Facebook, LinkedIn dan Twitter menyimpan pratinjau yang dikumpulkan secara agresif. Setelah mengganti file, jalankan URL melalui debugger platform sendiri (Sharing Debugger Facebook, Post Inspector LinkedIn) untuk memaksa re-scrape. Mengubah gambar Anda dari 1200 x 627 menjadi 1200 x 628 tidak akan memperbaiki pratinjau yang di-cache — hanya pembersihan cache yang akan melakukannya.

Jadi: berhenti mengkhawatirkan piksel terakhir. Pilih 1200 x 630, jauhkan teks dari tepi, simpan file di bawah beberapa ratus KB, dan Anda sudah terlindungi di setiap platform yang membaca tag Open Graph.