Cara Mengoptimumkan Imej untuk Halaman Produk E-dagang | Bulk Image Compressor
Imej produk menjual barang. Jika pembeli tidak dapat melihat butiran dengan jelas, mereka tidak membeli. Tetapi jika imej anda terlalu besar dan halaman anda dimuatkan dengan perlahan, mereka pergi sebelum imej selesai dimuatkan. Mendapatkan keseimbangan ini adalah salah satu perkara paling praktikal yang boleh anda lakukan untuk kedai dalam talian.
Berita baiknya ialah anda tidak perlu memilih antara kualiti dan kelajuan. Dengan tetapan mampatan dan format yang betul, foto produk anda boleh kelihatan tajam pada skrin sambil dimuatkan dengan cepat pada mana-mana peranti.
Mengapa saiz imej produk penting
Halaman produk biasa mempunyai antara 4 dan 8 imej: foto utama, beberapa sudut, mungkin tangkapan butiran, dan imej gaya hidup menunjukkan produk digunakan. Jika setiap satu adalah fail 4MB tidak mampat dari jurugambar anda, itu 16 hingga 32MB imej setiap halaman.
Halaman produk yang perlahan secara langsung menjejaskan jualan. Penyelidikan dari Deloitte mendapati bahawa peningkatan 0.1 saat dalam kelajuan laman mudah alih membawa kepada peningkatan 8.4% dalam penukaran untuk laman runcit. Faktor terbesar dalam kelajuan halaman untuk e-dagang hampir selalu imej.
Terdapat juga faktor mudah alih. Kebanyakan membeli-belah dalam talian berlaku pada telefon. Imej produk anda perlu dimuatkan dengan cepat pada sambungan selular, bukan hanya Wi-Fi pantas.
Tangkapan latar belakang putih vs foto gaya hidup
Kedua-dua jenis imej produk ini mempunyai ciri mampatan yang berbeza.
Tangkapan produk latar belakang putih adalah apa yang anda lihat di Amazon, eBay, dan kebanyakan halaman penyenaraian produk. Mereka biasanya mempunyai latar belakang putih bersih dengan produk di tengah. Imej ini memampat dengan baik kerana kawasan besar putih pepejal memerlukan sangat sedikit data. Anda selalunya boleh memampatkannya pada kualiti JPEG 75 hingga 80% dan melihat hampir tiada perbezaan.
Foto gaya hidup menunjukkan produk dalam tetapan dunia sebenar. Cawan kopi di atas meja dapur, jaket pada model di luar rumah, kasut di kaki lima bandar. Imej ini mempunyai lebih banyak kerumitan visual dengan latar belakang yang pelbagai, tekstur, dan pencahayaan. Mereka memerlukan tetapan kualiti yang sedikit lebih tinggi, sekitar 80 hingga 85%, untuk mengekalkan butiran.
Kedua-dua jenis boleh menjadi lebih kecil dengan ketara daripada yang asal. Tangkapan produk latar belakang putih 5MB biasanya dimampatkan kepada 200 hingga 400KB. Foto gaya hidup 6MB dimampatkan kepada 300 hingga 600KB.
Keperluan dan cadangan platform
Platform e-dagang yang berbeza mempunyai garis panduan imej mereka sendiri. Berikut adalah spesifikasi untuk yang utama:
Shopify mengesyorkan imej pada 2048 x 2048 piksel. Saiz fail maksimum adalah 20MB, tetapi mereka sangat mencadangkan mengekalkan imej jauh di bawah itu. Shopify melakukan beberapa mampatan automatik dan menyajikan WebP apabila pelayar menyokongnya, tetapi bermula dengan imej yang dioptimumkan memberikan hasil yang lebih baik.
WooCommerce tidak menguatkuasakan had ketat kerana ia berjalan pada pengehosan anda sendiri. Ini bermakna pengoptimuman imej adalah tanggungjawab anda sepenuhnya. Saiz gambar kecil lalai adalah 600 x 600 untuk katalog dan saiz imej penuh untuk halaman produk. Anda harus mengubah saiz dan mampatkan sebelum memuat naik.
Amazon memerlukan minimum 1000 piksel pada sisi terpanjang (untuk fungsi zum) dan mengesyorkan 2000 piksel. Saiz fail maksimum adalah 10MB. Imej utama mesti mempunyai latar belakang putih tulen (RGB 255, 255, 255). Amazon memampatkan imej di pihak mereka, tetapi memuat naik imej yang sudah dioptimumkan memberi anda lebih kawalan ke atas hasil akhir.
Etsy mengesyorkan 2000 piksel pada sisi terpendek. Mereka menerima fail sehingga 1MB. Oleh kerana had Etsy agak kecil, anda hampir pasti perlu memampatkan sebelum memuat naik.
Dimensi dan saiz fail yang disyorkan
Untuk kebanyakan platform e-dagang, berikut adalah sasaran praktikal:
| Jenis imej | Dimensi | Saiz fail sasaran |
|---|---|---|
| Foto produk utama | 2000 x 2000px | 200 hingga 400KB |
| Sudut alternatif | 2000 x 2000px | 200 hingga 400KB |
| Tangkapan butiran/zum | 2000 x 2000px | 250 hingga 500KB |
| Foto gaya hidup | 2000 x 1333px | 300 hingga 600KB |
| Gambar kecil | 600 x 600px | 30 hingga 60KB |
Saiz ini memberikan anda resolusi yang mencukupi untuk ciri zum sambil mengekalkan halaman pantas. Jumlah muatan imej anda setiap halaman produk idealnya harus kekal di bawah 2MB.
Memilih format yang betul
JPEG adalah standard untuk fotografi produk. Ia mengendalikan gambar dengan baik dan disokong di mana-mana. Gunakannya sebagai lalai anda.
WebP menawarkan kira-kira 25 hingga 35% mampatan yang lebih baik daripada JPEG pada kualiti visual yang sama. Jika platform anda menyokongnya (Shopify melakukannya secara automatik, WooCommerce memerlukan plugin), WebP adalah peningkatan yang kukuh. Untuk perbandingan format yang lebih mendalam, baca panduan JPEG vs PNG vs WebP kami.
PNG hanya diperlukan apabila imej produk anda memerlukan ketelusan. Sebagai contoh, jika anda menjual item yang perlu ditunjukkan tanpa sebarang latar belakang langsung, PNG mengekalkan ketelusan itu. Jika tidak, elakkan PNG untuk foto produk kerana saiz fail jauh lebih besar.
Pemprosesan kelompok untuk katalog produk
Jika anda mempunyai kedai dengan berpuluh-puluh atau beratus-ratus produk, memampatkan imej satu per satu tidak realistik. Katalog produk dengan 200 item dan 5 imej setiap satu bermakna 1,000 imej untuk diproses.
Di sinilah mampatan kelompok menjimatkan masa. Dengan Pemampat Imej Pukal, anda boleh memasukkan seluruh folder imej produk dan memampatkan semuanya sekaligus. Semuanya berjalan dalam pelayar anda, jadi foto produk anda tidak pernah dimuat naik ke mana-mana pelayan luaran. Itu penting apabila anda bekerja dengan produk yang belum dikeluarkan atau imej yang anda tidak mahu dikongsi sebelum pelancaran.
Berikut adalah aliran kerja yang berfungsi dengan baik untuk katalog produk:
-
Ubah saiz terlebih dahulu. Dapatkan semua imej anda ke dimensi yang betul (2000 x 2000px untuk kebanyakan platform). Jangan hantar imej 6000px melalui mampatan apabila ia hanya akan dipaparkan pada 2000px.
-
Asingkan mengikut jenis. Masukkan tangkapan latar belakang putih dalam satu kelompok dan foto gaya hidup dalam kelompok lain. Ini membolehkan anda menggunakan tetapan kualiti yang berbeza untuk setiap satu.
-
Mampatkan tangkapan latar belakang putih pada kualiti 75 hingga 80%. Latar belakang bersih mampat dengan cekap pada tetapan yang lebih rendah.
-
Mampatkan foto gaya hidup pada kualiti 80 hingga 85%. Butiran tambahan dalam imej ini mendapat manfaat daripada kualiti yang sedikit lebih tinggi.
-
Periksa beberapa hasil secara rawak. Buka segelintir imej mampat dan bandingkannya dengan yang asal. Pastikan teks pada pembungkusan masih boleh dibaca dan butiran produk jelas. Untuk lebih lanjut mengenai ini, lihat panduan kami tentang mengurangkan saiz fail tanpa kehilangan kualiti.
-
Muat naik ke platform anda. Gantikan yang asal dengan versi mampat.
Kesan ke atas keuntungan anda
Halaman produk yang lebih pantas bermakna lebih banyak jualan. Ia secara langsung. Apabila pembeli mengklik produk anda dari hasil carian atau iklan, anda mempunyai kira-kira dua hingga tiga saat sebelum mereka memutuskan sama ada untuk menunggu atau tekan butang kembali.
Imej yang dioptimumkan juga mengurangkan kos pengehosan dan CDN anda. Jika anda menyajikan 500,000 paparan halaman produk sebulan dan anda memotong muatan imej purata dari 8MB kepada 1.5MB setiap halaman, itu terabait lebar jalur yang dijimatkan.
Foto produk anda adalah aset paling penting di kedai dalam talian anda. Memampatkannya dengan betul membolehkan anda mengekalkan kualiti visual yang diperlukan pembeli anda sambil memberikan mereka pengalaman pantas yang sebenarnya membawa kepada 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