Gambar untuk Shopify sebaiknya disiapkan di komputer sebelum masuk ke admin toko. Tema Shopify menampilkan gambar produk dalam beberapa ukuran: kotak kecil di daftar koleksi, gambar sedang di kartu produk, dan tampilan besar di halaman detail. Menyiapkan berkas dengan lebar yang cukup untuk tampilan terbesar, lalu mengecilkannya lewat Kompres Foto, membuat semua tampilan itu terisi dari berkas yang wajar.
Pada toko yang berjalan di Shopify, gambar disajikan lewat layanan mereka, sehingga berat halaman tetap terasa oleh pengunjung meskipun ruang penyimpanan bukan masalah Anda. Karena itu, alasan utama mengompres gambar di sini bukan menghemat ruang, melainkan mempercepat halaman toko.
Sebagian tema juga memotong gambar agar sesuai kotak tampilan, dan pemotongan itu biasanya diambil dari bagian tengah. Kalau produk Anda berada di tepi gambar, sebagian produk bisa hilang di tampilan daftar. Menyiapkan komposisi dengan produk di tengah adalah cara paling sederhana untuk menghindarinya.
Menentukan dimensi untuk tiap tempat tampil
Mulai dari halaman detail produk, karena di situlah gambar tampil paling besar. Perbesar gambar produk di toko Anda, dan perhatikan lebar maksimal yang bisa dicapai. Sediakan piksel minimal sebesar itu, dan tambahkan sedikit ruang kalau pengunjung memakai layar besar.
Untuk daftar koleksi dan kartu produk, gambar ditampilkan jauh lebih kecil. Berkas yang sama biasanya dipakai untuk semua tempat, jadi tidak perlu menyiapkan versi terpisah untuk setiap ukuran. Yang penting, berkas itu cukup besar untuk tempat terbesar dan tidak berlebihan.
Untuk gambar yang dipakai di banner atau bagian atas halaman, ukurannya biasanya lebih lebar daripada gambar produk. Sediakan versi terpisah, karena banner yang memakai gambar produk akan terpotong aneh. Pembahasan ukuran banner ada di ukuran gambar untuk banner web.
Kalau tema Anda punya fitur perbesar gambar, sediakan piksel yang cukup untuk tampilan perbesar itu, bukan hanya untuk tampilan kotak di halaman. Pembeli sering memperbesar foto untuk memeriksa jahitan, tekstur, atau tulisan pada label sebelum memutuskan membeli.
Format dan latar untuk katalog
JPG adalah pilihan paling aman untuk foto produk. Ukurannya kecil, dan format ini diterima hampir semua tempat. PNG dipakai kalau produk perlu latar tembus pandang, misalnya supaya bisa menyatu dengan warna latar tema yang berbeda. WebP paling ringan pada mutu yang sama, tetapi periksa dulu apakah platform dan tema Anda menanganinya dengan benar.
Apakah latar produk harus putih bergantung pada ketentuan platform dan gaya toko Anda. Yang penting, seluruh katalog memakai gaya latar yang konsisten. Latar putih memberi kesan bersih dan membuat warna produk menonjol; latar bernuansa bisa dipakai kalau sesuai dengan gaya merek.
Kalau produk Anda difoto dengan latar yang berbeda-beda, hasilnya terlihat berantakan meskipun setiap fotonya bagus. Menyeragamkan latar dan arah cahaya saat pemotretan jauh lebih mudah daripada memperbaikinya setelah foto jadi.
Menyeragamkan seluruh katalog
Konsistensi adalah hal yang paling menentukan tampilan katalog. Pembeli melihat sederet produk dalam satu halaman, dan perbedaan rasio atau ukuran membuat baris terlihat bergerigi.
Tiga hal yang perlu diseragamkan. Pertama, rasio gambar, misalnya semua persegi atau semua tegak. Rasio yang sama membuat kartu produk sejajar. Kedua, jarak pemotretan, supaya produk yang berukuran sama terlihat sama besar. Ketiga, latar dan arah cahaya.
Setelah pemotretan, penyeragaman berkasnya dikerjakan dengan ukuran akhir yang sama untuk semua foto. Proses semuanya dengan pengaturan yang sama, lalu periksa hasilnya berdampingan sebelum diunggah.
Langkah menyiapkan gambar untuk Shopify
- Pilih foto yang akan diunggah, dan simpan salinan aslinya.
- Tentukan satu lebar target untuk gambar produk, sesuai tampilan terbesar di tema Anda.
- Buka Kompres Foto dan pilih Kompres JPG, Kompres PNG, atau Kompres WebP sesuai format foto.
- Unggah beberapa berkas sekaligus. Hasilnya dikemas dalam arsip ZIP kalau lebih dari satu.
- Pilih ukuran akhir lewat chip di pratinjau. Ukuran persen tersedia dari 10 sampai 200 persen. Ukuran persen bekerja proporsional: 1600x1200 pada persen 50 menjadi 800x600.
- Periksa pratinjau satu per satu, terutama tepi produk dan tulisan pada label.
- Unduh hasilnya, ganti nama berkas menjadi deskriptif, lalu unggah ke admin toko.
- Setelah diunggah, periksa tampilannya di halaman koleksi dan halaman detail, di layar besar dan layar ponsel.
Kalau ada berkas yang formatnya perlu diubah, kerjakan konversinya lebih dulu lewat Konversi Format Gambar, baru kompres hasilnya.
Nama berkas dan teks alternatif
Nama berkas yang deskriptif membantu Anda mengelola katalog yang besar, dan sebagian tema memakai nama berkas sebagai teks alternatif bawaan. Nama seperti tas-kulit-cokelat-30cm.jpg lebih berguna daripada nama bawaan kamera.
Teks alternatif diisi di admin Shopify untuk setiap gambar. Isinya menjelaskan isi gambar, bukan mengulang nama produk. Teks ini dipakai pembaca layar dan mesin yang membaca halaman. Untuk gambar yang murni hiasan, kolomnya boleh dibiarkan kosong.
Kalau produk ditampilkan dengan variasi
Untuk produk dengan beberapa varian, misalnya warna atau ukuran, setiap varian biasanya punya gambar sendiri. Pastikan gambar varian diambil dari sudut dan jarak yang sama, supaya perbedaannya terlihat jelas saat pembeli berpindah pilihan.
Untuk produk yang sama dengan beberapa sudut pengambilan, urutkan fotonya dengan sengaja. Foto pertama yang paling menentukan, karena itulah yang muncul di daftar koleksi. Letakkan foto yang paling jelas memperlihatkan bentuk produk di posisi pertama, dan foto detail di belakangnya.
Kesalahan yang sering terjadi
Mengunggah foto kamera langsung ke admin. Foto ponsel jauh lebih besar daripada kebutuhan tema, dan halaman toko memuatnya lebih lambat.
Memakai rasio yang berbeda-beda antar produk. Baris koleksi terlihat tidak rapi, dan pembeli lebih sulit membandingkan.
Menaruh produk di tepi gambar. Pemotongan otomatis dari tengah bisa memakan bagian produk di tampilan daftar.
Mengompres berkali-kali. Setiap penurunan mutu menumpuk. Kalau hasilnya kurang pas, ulangi dari berkas asli.
Lupa memeriksa tampilan di ponsel. Sebagian besar pembeli membuka toko dari ponsel, dan tampilan di sana bisa berbeda dari monitor.
Kapan tidak perlu mengompres
Kalau gambar Anda sudah berukuran wajar untuk tema yang dipakai, dan halaman toko memuatnya dengan cepat, tidak ada yang perlu diubah. Kalau foto akan dicetak untuk materi promosi, simpan versi resolusi tinggi terpisah dan jangan turunkan dimensinya. Kalau tema Anda sudah menangani ukuran gambar secara otomatis dengan baik, berkas asli yang wajar bisa langsung diunggah.
Kalau foto memuat dokumen identitas atau data pribadi yang tidak boleh meninggalkan perangkat, kerjakan penyesuaiannya dengan aplikasi di komputer sendiri. Keterangan perlakuan berkasnya bisa dibaca di kebijakan privasi.
Ketentuan platform bisa berubah
Shopify punya ketentuan sendiri soal ukuran, format, dan batas unggahan, dan ketentuan itu bisa berubah. Artikel ini tidak menyebut angka pastinya. Periksa pusat bantuan resmi Shopify untuk ketentuan yang berlaku saat Anda mengunggah, termasuk batas ukuran berkas, format yang diterima, dan cara tema menampilkan gambar produk.
Yang bisa Anda pegang dari sisi berkas: dimensi yang cukup untuk tampilan terbesar, rasio yang seragam, latar yang konsisten, dan ukuran berkas yang wajar. Empat hal itu berlaku terlepas dari perubahan ketentuan platform.
Pertanyaan yang sering muncul
Apakah Shopify menerima WebP? Shopify menerima beberapa format gambar, termasuk WebP, tetapi ketentuannya bisa berubah. Periksa pusat bantuan resminya. Untuk keperluan yang paling aman, JPG untuk foto dan PNG untuk gambar dengan latar tembus pandang.
Apakah gambar produk perlu berlatar putih di Shopify? Tidak wajib. Yang penting latarnya konsisten untuk seluruh katalog. Latar putih memberi kesan bersih, sedangkan latar bernuansa bisa dipakai kalau sesuai gaya merek.
Berapa banyak gambar per produk? Jumlahnya mengikuti kebutuhan dan ketentuan platform. Yang lebih penting adalah urutannya: foto utama yang paling jelas, lalu foto sudut lain, lalu foto detail.
Apakah mengompres gambar mengurangi mutunya? Bergantung pada formatnya. Pada JPG dan WebP, mutu boleh turun sedikit dan penurunannya dipilih pada titik yang tidak terlihat. Pada PNG, tidak ada penurunan mutu sama sekali, tetapi berkasnya lebih besar.
Apakah foto yang diunggah ke Shopify membawa data lokasi? Kalau foto diproses lewat tool di sini lebih dulu, EXIF dan GPS terhapus saat berkas ditulis ulang, sehingga koordinat tempat pemotretan tidak ikut terbawa.
Mulai dari satu produk
Siapkan foto satu produk, seragamkan rasionya, lalu kecilkan lewat kompres gambar. Setelah hasilnya pas di halaman toko, pakai pengaturan yang sama untuk seluruh katalog. Untuk pekerjaan format, buka Konversi Format Gambar. Penyiapan gambar produk dari awal ada di cara membuat gambar produk untuk web, kumpulan panduannya di Gambar untuk Web, dan panduan besarnya di Panduan Gambar dan Foto.