Thumbnail produk marketplace yang baik harus terbaca dalam sekejap di layar ponsel: satu produk sebagai fokus terbesar, latar polos atau tenang, cahaya terang, dan tanpa tumpukan teks promo. Thumbnail adalah versi kecil dari foto utama yang muncul di hasil pencarian dan halaman kategori. Di ukuran sekecil itu, detail yang tidak penting justru menutupi alasan orang mengklik.
Panduan ini membahas aturan dasar foto utama Shopee dan Tokopedia, cara menguji keterbacaan, perbedaan foto utama dengan gambar katalog pendukung, serta cara memakai AI untuk thumbnail tanpa mengubah produk aslinya.
Kenapa thumbnail produk marketplace menentukan klik
Di halaman hasil pencarian, pembeli melihat puluhan produk serupa dalam satu layar. Yang mereka bandingkan pertama kali bukan deskripsi, tapi gambar. Riset eyetracking dari Nielsen Norman Group menemukan bahwa pengguna memperhatikan gambar yang membawa informasi, dan foto produk termasuk yang diperiksa dengan teliti. Sebaliknya, gambar dekoratif yang tidak menambah informasi cenderung diabaikan.
Temuan itu sederhana tapi penting untuk seller: foto utama bukan tempat pamer gaya, melainkan tempat menjawab pertanyaan "barang ini apa, bentuknya bagaimana, dan apakah ini yang saya cari?". Kalau pembeli harus menebak, mereka akan menggulir ke produk berikutnya.
Menurut kami, kesalahan paling umum di marketplace Indonesia adalah memperlakukan foto utama seperti poster promo. Ada stiker "PROMO", harga coret, logo toko besar, tulisan "READY STOCK", dan bingkai warna-warni. Di ukuran besar mungkin terlihat ramai dan meriah. Di ukuran thumbnail, produknya sendiri malah tenggelam.
Aturan foto utama Shopee dan Tokopedia
Setiap marketplace punya ketentuan sendiri, dan ketentuan itu bisa berubah. Selalu cek pusat edukasi penjual di akunmu sebelum mengubah semua foto. Yang bisa kami rangkum dari sumber resmi yang kami periksa:
Artikel Inspirasi Shopee untuk penjual menganjurkan foto yang jernih dengan latar putih atau polos, pencahayaan terang, resolusi 1024 x 1024 dengan perbandingan 1:1 (persegi), diambil dari jarak dekat tanpa blur, dan bebas objek yang mengganggu. Artikel yang sama menyarankan menghindari watermark, teks, atau hal lain yang mengganggu fokus produk, serta menambahkan foto detail seperti komposisi dan tekstur.
Untuk Tokopedia, kami belum bisa menautkan halaman ketentuan resmi yang terbuka untuk umum, jadi kami tidak mengutip angka spesifik. Prinsip yang sama (persegi, produk jelas, latar bersih) tetap aman sebagai titik awal, lalu cocokkan dengan ketentuan di Seller Center milikmu.
Sebagai pembanding, pedoman gambar Google Merchant Center (dipakai untuk listing produk di Google Shopping) menetapkan ukuran minimal 500 x 500 piksel dan menyarankan sekitar 1500 x 1500 piksel bila memungkinkan. Google juga melarang elemen promosi di gambar utama, termasuk ajakan seperti "beli", info pengiriman gratis, harga, kata sifat promosi seperti "terbaik" atau "murah", serta overlay seperti watermark dan logo yang bukan bagian dari produk.
| Aspek | Shopee (Inspirasi Shopee) | Google Merchant Center |
|---|---|---|
| Rasio | 1:1 dianjurkan | Tidak dipaksa 1:1 |
| Ukuran | 1024 x 1024 dianjurkan | Minimal 500 x 500, sekitar 1500 x 1500 disarankan |
| Latar | Putih atau polos | Produk utuh terlihat jelas |
| Teks dan watermark | Disarankan dihindari | Elemen promosi dilarang |
| Gambar AI | Tidak dibahas di artikel tersebut | Metadata AI wajib dipertahankan |
Hierarki visual: satu fokus utama
Hierarki visual adalah urutan elemen yang dilihat mata. Di thumbnail, urutan yang ideal hanya punya satu tingkat teratas: produk. Semua hal lain, entah latar, properti, atau bayangan, berfungsi mendukung.
Beberapa aturan praktis yang kami pakai:
- Produk mengisi sebagian besar bingkai. Kalau produk hanya sepertiga gambar, di thumbnail ia menjadi titik kecil. Sisakan ruang tepi secukupnya supaya tidak terpotong.
- Kontras sebelum dekorasi. Produk putih di latar putih membutuhkan bayangan lembut atau latar abu-abu muda supaya siluetnya terbaca.
- Satu sudut pandang yang paling menjelaskan. Sepatu biasanya paling jelas dari samping, tas dari depan sedikit miring, makanan kemasan dari depan.
- Varian ditunjukkan di gambar kedua. Lima warna dalam satu foto utama membuat semuanya kecil. Lebih baik satu warna di foto utama, lalu gambar varian terpisah.
Contrarian take: foto bundling yang memuat semua isi paket sering kali justru menurunkan keterbacaan. Kalau isi paket memang alasan utama orang membeli, tampilkan, tapi tata seperti flat lay (foto dari atas dengan susunan rapi) dengan jarak antarbarang yang jelas.
Uji keterbacaan di ukuran kecil
Cara paling murah untuk menilai thumbnail adalah mengecilkannya. Kecilkan gambar ke sekitar 120 piksel lebar, kira-kira ukuran kartu produk di layar ponsel, lalu tanyakan tiga hal:
- Apakah saya bisa menyebut jenis produknya dalam satu kata?
- Apakah siluetnya terlihat jelas dari latar?
- Apakah ada elemen yang menarik perhatian lebih kuat daripada produk?
Kalau jawaban nomor tiga "ya", hapus elemen itu. Biasanya pelakunya stiker promo, logo toko yang terlalu besar, atau properti yang warnanya lebih mencolok dari produk.
Uji kedua yang sering kami sarankan: letakkan thumbnail di antara tangkapan layar hasil pencarian marketplace untuk kata kunci produkmu. Gambar yang bagus sendirian bisa terlihat biasa saja di antara pesaing. Kadang solusinya bukan gambar yang lebih ramai, tapi latar dengan warna netral yang berbeda dari mayoritas pesaing, selama tetap sesuai aturan marketplace.
Kebiasaan ini butuh waktu dua menit per produk. Hasilnya sering lebih berguna daripada debat panjang soal selera desain.
Foto utama vs gambar katalog pendukung
Foto utama dan gambar katalog punya tugas berbeda. Foto utama bertugas membuat orang mengklik. Gambar katalog pendukung bertugas membuat orang yakin membeli. Mencampur keduanya adalah sumber banyak masalah.
| Slot | Tugas | Isi yang cocok |
|---|---|---|
| Foto utama | Dikenali dan diklik | Produk utuh, latar polos, tanpa teks |
| Gambar 2 | Skala dan ukuran | Produk di tangan atau di samping benda yang dikenal |
| Gambar 3 | Detail | Tekstur bahan, jahitan, komposisi di label |
| Gambar 4 | Cara pakai | Foto lifestyle atau urutan langkah |
| Gambar 5 | Varian | Semua warna atau ukuran berdampingan |
| Gambar 6 | Info tambahan | Tabel ukuran atau isi paket, teks boleh di sini |
Di gambar pendukung, teks informatif seperti tabel ukuran sangat membantu. Yang perlu dihindari tetap sama: klaim yang tidak bisa dibuktikan. Panduan fotografi e-commerce Shopify juga mencatat bahwa foto produk e-commerce umumnya memakai latar putih, sementara foto lifestyle memberi ruang lebih kreatif. Pembagian slot di atas memberi tempat untuk keduanya.
Untuk teknik pencahayaan dan skala di gambar pendukung, baca panduan fotografi produk AI untuk katalog.
Membuat thumbnail dengan AI tanpa menipu
AI bisa sangat membantu untuk thumbnail: mengganti latar berantakan menjadi polos, merapikan cahaya, atau membuat variasi latar untuk uji coba. Risikonya juga jelas: AI bisa mengubah bentuk, warna, atau detail produk tanpa kamu sadari.
Aturan kami sederhana. Pakai foto produk asli sebagai referensi. Minta AI mengubah lingkungan, bukan produknya. Lalu bandingkan hasil dengan barang fisik: jumlah kancing, bentuk tutup, warna label. Kalau ada yang berbeda, buang hasilnya.
Contoh prompt yang bisa kamu adaptasi:
Gunakan foto referensi [produk]. Pertahankan bentuk, warna, label, dan proporsi produk persis sama. Ganti latar menjadi putih polos dengan bayangan lembut di bawah produk. Produk berada di tengah dan mengisi sebagian besar bingkai. Rasio 1:1. Tanpa teks, tanpa watermark, tanpa properti tambahan.
Ada juga sisi transparansi. Google Merchant Center mewajibkan gambar buatan AI generatif mempertahankan metadata yang menandainya sebagai buatan AI, misalnya tag IPTC DigitalSourceType dengan nilai TrainedAlgorithmicMedia. Jadi jangan menghapus metadata itu saat mengompres gambar. Struktur prompt yang lebih lengkap ada di panduan prompt AI bahasa Indonesia untuk produk, dan batas konten yang kami terapkan ada di kebijakan moderasi.
Bangun sistem, bukan satu gambar
Toko dengan 50 produk akan terlihat jauh lebih rapi kalau semua thumbnail mengikuti satu sistem. Pembeli yang membuka halaman toko melihat deretan gambar yang konsisten, dan itu memberi kesan toko yang terurus.
Sistem sederhana cukup berisi empat keputusan: warna latar (misalnya putih untuk semua foto utama), posisi produk (tengah, mengisi sebagian besar bingkai), sudut kamera per kategori (samping untuk sepatu, depan untuk kemasan), dan aturan bayangan (lembut, di bawah). Simpan keputusan ini sebagai dokumen satu halaman, lalu pakai setiap kali menambah produk.
Untuk gambar katalog di situs sendiri, jangan lupa sisi SEO. Panduan SEO gambar dari Google Search Central menyarankan nama file yang pendek dan deskriptif (misalnya botol-minum-stainless-600ml.jpg, bukan IMG00023.JPG) dan menyebut teks alternatif sebagai atribut terpenting untuk metadata gambar. Kebiasaan ini tidak mengubah ranking di marketplace, tapi berguna kalau kamu juga punya toko online sendiri.
Kalau kamu bekerja bersama tim atau agensi, pola pembagian kerja di workflow agensi membantu menjaga sistem tetap konsisten.
Checklist sebelum unggah
- Rasio 1:1 dan resolusi sesuai anjuran marketplace.
- Produk utuh, menjadi fokus terbesar, tidak terpotong.
- Latar putih atau polos, siluet produk jelas.
- Tidak ada watermark, harga, stiker promo, atau logo besar di foto utama.
- Lolos uji 120 piksel: jenis produk bisa disebut dalam satu kata.
- Kalau dibuat atau diedit dengan AI: bentuk, warna, dan label sama dengan barang asli.
- Gambar pendukung mencakup skala, detail, cara pakai, dan varian.
Ruang Visual sedang membangun alur yang menyusun brief dan prompt visual dari link produk, dengan langkah review sebelum render. Produk ini masih beta tertutup dan render berbayar belum aktif. Lihat halaman fitur untuk alurnya, atau FAQ untuk status beta.
Pertanyaan yang sering diajukan
Berapa ukuran thumbnail produk marketplace yang ideal?
Inspirasi Shopee menganjurkan foto persegi 1:1 dengan resolusi 1024 x 1024. Untuk marketplace lain, cek ketentuan di Seller Center masing-masing karena aturannya bisa berbeda dan berubah.
Bolehkah menaruh teks promo di foto utama Shopee atau Tokopedia?
Sebaiknya tidak. Inspirasi Shopee menyarankan menghindari watermark dan teks yang mengganggu fokus produk. Taruh info promo atau tabel ukuran di gambar pendukung.
Apakah latar foto utama harus putih?
Putih atau polos adalah pilihan paling aman dan dianjurkan Inspirasi Shopee. Yang terpenting, siluet produk terlihat jelas dan latar tidak mengalahkan produk.
Bolehkah membuat thumbnail dengan AI?
Boleh untuk merapikan latar dan cahaya, selama bentuk, warna, dan label produk tetap sama dengan barang asli. Jika dipakai di Google Merchant Center, metadata penanda gambar AI harus dipertahankan.
Apa bedanya foto utama dan gambar katalog?
Foto utama bertugas membuat produk dikenali dan diklik. Gambar katalog pendukung bertugas meyakinkan pembeli lewat skala, detail, cara pakai, varian, dan info tambahan.