Cara Mengoptimalkan Gambar untuk Halaman Produk E-commerce | Bulk Image Compressor
Gambar produk menjual sesuatu. Jika pembeli tidak dapat melihat detailnya dengan jelas, mereka tidak membeli. Tetapi jika gambar Anda terlalu besar dan halaman Anda lambat dimuat, mereka pergi sebelum gambar selesai dimuat. Mendapatkan keseimbangan ini dengan benar adalah salah satu hal paling praktis yang dapat Anda lakukan untuk toko online.
Kabar baiknya adalah Anda tidak harus memilih antara kualitas dan kecepatan. Dengan pengaturan dan format kompresi yang tepat, foto produk Anda dapat terlihat tajam di layar sambil dimuat dengan cepat di perangkat apa pun.
Mengapa ukuran gambar produk itu penting
Halaman produk tipikal memiliki antara 4 dan 8 gambar: foto utama, beberapa sudut, mungkin bidikan detail, dan gambar gaya hidup yang menunjukkan produk sedang digunakan. Jika masing-masing adalah file 4MB yang tidak dikompresi dari fotografer Anda, itu 16 hingga 32MB gambar per halaman.
Halaman produk yang lambat secara langsung merusak penjualan. Penelitian dari Deloitte menemukan bahwa peningkatan 0,1 detik dalam kecepatan situs seluler menyebabkan peningkatan 8,4% dalam konversi untuk situs ritel. Faktor terbesar dalam kecepatan halaman untuk e-commerce hampir selalu gambar.
Ada juga faktor seluler. Sebagian besar belanja online terjadi di ponsel. Gambar produk Anda perlu dimuat dengan cepat di koneksi seluler, tidak hanya Wi-Fi cepat.
Bidikan latar belakang putih vs. foto gaya hidup
Kedua jenis gambar produk ini memiliki karakteristik kompresi yang berbeda.
Bidikan produk latar belakang putih adalah apa yang Anda lihat di Amazon, eBay, dan sebagian besar halaman daftar produk. Mereka biasanya memiliki latar belakang putih bersih dengan produk di tengah. Gambar-gambar ini dikompresi dengan sangat baik karena area besar putih solid membutuhkan sangat sedikit data. Anda sering dapat mengompresinya pada kualitas JPEG 75 hingga 80% dan melihat hampir tidak ada perbedaan.
Foto gaya hidup menunjukkan produk di lingkungan dunia nyata. Cangkir kopi di meja dapur, jaket pada model di luar ruangan, sepatu di trotoar kota. Gambar-gambar ini memiliki kompleksitas visual yang lebih tinggi dengan latar belakang, tekstur, dan pencahayaan yang bervariasi. Mereka membutuhkan pengaturan kualitas yang sedikit lebih tinggi, sekitar 80 hingga 85%, untuk mempertahankan detail.
Kedua jenis dapat secara signifikan lebih kecil dari aslinya. Bidikan produk latar belakang putih 5MB biasanya terkompresi menjadi 200 hingga 400KB. Foto gaya hidup 6MB terkompresi menjadi 300 hingga 600KB.
Persyaratan dan rekomendasi platform
Platform e-commerce yang berbeda memiliki pedoman gambar mereka sendiri. Berikut spesifikasi untuk yang utama:
Shopify merekomendasikan gambar pada 2048 x 2048 piksel. Ukuran file maksimum adalah 20MB, tetapi mereka sangat menyarankan untuk menjaga gambar jauh di bawah itu. Shopify melakukan beberapa kompresi otomatis dan menyajikan WebP ketika browser mendukungnya, tetapi memulai dengan gambar yang dioptimalkan memberikan hasil yang lebih baik.
WooCommerce tidak memberlakukan batasan ketat karena berjalan di hosting Anda sendiri. Itu berarti optimasi gambar sepenuhnya adalah tanggung jawab Anda. Ukuran thumbnail default adalah 600 x 600 untuk katalog dan ukuran gambar penuh untuk halaman produk. Anda harus mengubah ukuran dan mengompresi sebelum mengunggah.
Amazon membutuhkan minimum 1000 piksel pada sisi terpanjang (untuk fungsi zoom) dan merekomendasikan 2000 piksel. Ukuran file maksimum adalah 10MB. Gambar utama harus memiliki latar belakang putih murni (RGB 255, 255, 255). Amazon mengompresi gambar di pihak mereka, tetapi mengunggah gambar yang sudah dioptimalkan memberi Anda lebih banyak kontrol atas hasil akhir.
Etsy merekomendasikan 2000 piksel pada sisi terpendek. Mereka menerima file hingga 1MB. Karena batas Etsy relatif kecil, Anda hampir pasti perlu mengompresi sebelum mengunggah.
Dimensi dan ukuran file yang direkomendasikan
Untuk sebagian besar platform e-commerce, berikut target praktisnya:
| Jenis gambar | Dimensi | Ukuran file target |
|---|---|---|
| Foto produk utama | 2000 x 2000px | 200 hingga 400KB |
| Sudut alternatif | 2000 x 2000px | 200 hingga 400KB |
| Bidikan detail/zoom | 2000 x 2000px | 250 hingga 500KB |
| Foto gaya hidup | 2000 x 1333px | 300 hingga 600KB |
| Thumbnail | 600 x 600px | 30 hingga 60KB |
Ukuran-ukuran ini memberi Anda resolusi yang cukup untuk fitur zoom sambil menjaga halaman tetap cepat. Total muatan gambar per halaman produk idealnya harus tetap di bawah 2MB.
Memilih format yang tepat
JPEG adalah standar untuk fotografi produk. Ini menangani foto dengan baik dan didukung di mana-mana. Gunakan sebagai default Anda.
WebP menawarkan kompresi sekitar 25 hingga 35% lebih baik dari JPEG pada kualitas visual yang sama. Jika platform Anda mendukungnya (Shopify melakukannya secara otomatis, WooCommerce membutuhkan plugin), WebP adalah peningkatan yang solid. Untuk perbandingan format yang lebih dalam, baca panduan JPEG vs PNG vs WebP kami.
PNG hanya diperlukan ketika gambar produk Anda memerlukan transparansi. Misalnya, jika Anda menjual barang yang perlu ditampilkan tanpa latar belakang sama sekali, PNG mempertahankan transparansi itu. Jika tidak, hindari PNG untuk foto produk karena ukuran filenya jauh lebih besar.
Pemrosesan batch untuk katalog produk
Jika Anda memiliki toko dengan puluhan atau ratusan produk, mengompresi gambar satu per satu tidak realistis. Katalog produk dengan 200 item dan 5 gambar masing-masing berarti 1.000 gambar untuk diproses.
Di sinilah kompresi batch menghemat waktu berjam-jam. Dengan Bulk Image Compressor, Anda dapat memasukkan seluruh folder gambar produk dan mengompresi semuanya sekaligus. Semuanya berjalan di browser Anda, sehingga foto produk Anda tidak pernah diunggah ke server eksternal mana pun. Itu penting ketika Anda bekerja dengan produk yang belum dirilis atau gambar yang tidak ingin Anda bagikan sebelum peluncuran.
Berikut alur kerja yang berfungsi dengan baik untuk katalog produk:
-
Ubah ukuran terlebih dahulu. Dapatkan semua gambar Anda ke dimensi yang tepat (2000 x 2000px untuk sebagian besar platform). Jangan kirim gambar 6000px melalui kompresi ketika mereka hanya akan ditampilkan pada 2000px.
-
Pisahkan berdasarkan jenis. Tempatkan bidikan latar belakang putih dalam satu batch dan foto gaya hidup di batch lain. Ini memungkinkan Anda menggunakan pengaturan kualitas yang berbeda untuk masing-masing.
-
Kompres bidikan latar belakang putih pada kualitas 75 hingga 80%. Latar belakang bersih dikompresi secara efisien pada pengaturan yang lebih rendah.
-
Kompres foto gaya hidup pada kualitas 80 hingga 85%. Detail ekstra dalam gambar-gambar ini diuntungkan dari kualitas yang sedikit lebih tinggi.
-
Periksa beberapa hasil. Buka beberapa gambar yang telah dikompresi dan bandingkan dengan aslinya. Pastikan teks pada kemasan masih terbaca dan detail produk jelas. Untuk lebih lanjut tentang ini, lihat panduan kami tentang mengurangi ukuran file tanpa kehilangan kualitas.
-
Unggah ke platform Anda. Ganti file asli dengan versi yang telah dikompresi.
Dampak pada laba Anda
Halaman produk yang lebih cepat berarti lebih banyak penjualan. Selangsung itu. Ketika pembeli mengeklik produk Anda dari hasil pencarian atau iklan, Anda memiliki sekitar dua hingga tiga detik sebelum mereka memutuskan apakah akan menunggu atau menekan tombol kembali.
Gambar yang dioptimalkan juga mengurangi biaya hosting dan CDN Anda. Jika Anda menyajikan 500.000 tampilan halaman produk per bulan dan Anda memotong muatan gambar rata-rata dari 8MB menjadi 1,5MB per halaman, itu adalah terabyte bandwidth yang dihemat.
Foto produk Anda adalah aset paling penting di toko online Anda. Mengompresinya dengan benar memungkinkan Anda mempertahankan kualitas visual yang dibutuhkan pembeli sambil memberi mereka pengalaman cepat yang benar-benar mengarah pada pembelian.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor