Menjaga tampilan kisi koleksi tetap rapi
Shopify menyarankan penggunaan satu rasio aspek untuk semua gambar unggulan agar tampil dengan ukuran yang sama. Halaman koleksi yang mencampur foto persegi, potret, dan lanskap akan menampilkan kartu dengan tinggi berbeda. Menentukan rasio sebelum mengambil foto pertama serta menjaga posisi produk dan margin tetap sama di setiap gambar membantu menghindari pemotongan ulang nanti.
Untuk gambar produk persegi, Shopify merekomendasikan ukuran 2.048 × 2.048 piksel. Rasio potret dapat sesuai untuk pakaian yang dikenakan model, tetapi semua gambar unggulan di toko perlu mengikuti rasio tersebut. Latar belakang dan pencahayaan yang sama di seluruh rangkaian membuat kisi tampak seperti satu katalog, bukan kumpulan unggahan terpisah.
Memilih antara PNG dan JPEG
Shopify menempatkan PNG sebagai pilihan pertama untuk sebagian besar gambar produk, diikuti JPEG, dan juga menerima TIFF, BMP, GIF, SVG, HEIC, serta WebP. PNG menjaga warna datar dan tepi tajam, sehingga sesuai untuk packshot berlatar polos dan gambar dengan transparansi.
Foto terperinci yang disimpan sebagai PNG dapat menjadi sangat berat. File harus lebih kecil dari 20 MB dan berukuran paling besar 5.000 × 5.000 piksel atau 25 megapiksel, tetapi file yang lebih ringan juga lebih cepat dimuat di ponsel. Untuk foto dengan gradasi lembut, seperti kain atau kulit, JPEG berkualitas tinggi biasanya menjadi pilihan praktis.
Menyediakan ruang untuk zoom dan detail
Gambar persegi berukuran 2.048 × 2.048 piksel memberi resolusi yang cukup bagi pembeli untuk melihat tekstur dan jahitan. Produk sebaiknya memenuhi sebagian besar bidang dengan margin yang merata: produk kecil di bidang kosong yang luas menyia-nyiakan piksel, sedangkan produk yang menyentuh tepi akan tampak terpotong di halaman koleksi.
Selain gambar utama, rangkaian foto biasanya menampilkan bagian belakang, tampak samping, detail bahan atau perangkat keras, serta produk saat digunakan. File GIF dan WebP animasi didukung dan dapat menunjukkan produk yang berputar atau terbuka, tetapi setiap animasi menambah ukuran halaman, jadi satu animasi per produk membantu menjaga halaman tetap ringan.
