Optimasi listing
Cara mengompres foto produk tanpa kehilangan kualitas
· 4 min read
Ubah ukuran foto produk ke dimensi piksel yang benar-benar ditampilkan, lalu ekspor sebagai WebP atau AVIF, yang biasanya 25 sampai 50 persen lebih kecil daripada JPEG pada kualitas visual yang sama. Targetkan sekitar 100 sampai 300KB per gambar, tergantung perannya di halaman. Tolok ukur Largest Contentful Paint dari Google menganggap halaman lambat jika melewati 2,5 detik, dan foto utama yang terlalu besar sering menjadi satu-satunya aset penyebabnya.
Lakukan dengan RorlAIProduct: Clean studio backdrop for anything boxed or bottled.Mengapa ukuran file adalah masalah konversi, bukan hanya masalah pemuatan
Largest Contentful Paint mengukur berapa lama elemen terlihat terbesar di halaman selesai dirender. Menurut ambang batas Google sendiri, di bawah 2,5 detik dianggap baik, 2,5 sampai 4 detik perlu perbaikan, dan di atas 4 detik buruk. Di halaman produk, elemen terlihat terbesar hampir selalu foto utama. Artinya satu file gambar yang terlalu besar dapat menentukan sendiri apakah halaman produk Anda lulus atau gagal, seberapa cepat pun bagian halaman lainnya dimuat.
Ini bukan latihan penilaian yang abstrak. Foto utama yang lambat dimuat adalah hal pertama yang dialami pembeli di listing Anda, sebelum mereka membaca satu kata deskripsi atau melihat harga.
Anggaran ukuran yang realistis
| Peran gambar | Target yang wajar |
|---|---|
| Foto utama, bisa di-zoom | 150 sampai 300KB |
| Gambar galeri kedua atau thumbnail | 60 sampai 120KB |
| Foto utama di ponsel, bagian atas halaman | di bawah sekitar 150 sampai 200KB |
Ini adalah target kerja yang dikumpulkan dari panduan optimasi gambar terkini, bukan spesifikasi resmi satu platform, dan akan sedikit berbeda menurut kerumitan gambarnya. Produk polos di latar putih bisa dikompres lebih jauh daripada adegan yang ramai sebelum penurunan kualitas terlihat. Jadi anggap tabel ini sebagai batas atas, bukan aturan yang harus dicapai persis.
Urutan langkah yang benar-benar menghemat byte
- 1Ubah ukuran sebelum mengompresKamera atau alat pembuat gambar biasanya mengekspor selebar 3000 sampai 4000 piksel. Jika foto ditampilkan di slot 1200 piksel pada halaman Anda, ubah ukurannya dulu ke lebar sekitar itu. Mengompres gambar yang terlalu besar tetap mengirim gambar yang terlalu besar, hanya sedikit lebih kecil.
- 2Ekspor sebagai WebP jika platform Anda mendukungnyaWebP biasanya 25 sampai 35 persen lebih kecil daripada JPEG pada kualitas visual yang sama, dan AVIF bisa lebih kecil lagi. Sebagian besar platform e-commerce dan browser saat ini mendukung WebP; periksa apakah platform Anda menyajikannya otomatis atau file harus diunggah langsung dalam format itu.
- 3Atur kualitas JPEG sekitar 70 sampai 85 bila WebP tidak memungkinkanPengaturan ekspor bawaan perangkat lunak editing sering kali tinggi tanpa perlu. Pengaturan kualitas di rentang ini secara visual tidak dapat dibedakan dari aslinya untuk sebagian besar foto produk dan jauh lebih kecil daripada ekspor 100 persen.
- 4Hapus metadata yang tertanamPengaturan kamera, profil warna yang melebihi kebutuhan halaman, dan data GPS yang ditanam sebagian ponsel menambah bobot file yang tidak pernah dilihat pembeli. Kebanyakan alat kompresi menghapusnya secara bawaan; pastikan alat Anda juga melakukannya.
Perbedaan yang paling penting:
- Kompresi lossless mempertahankan setiap piksel persis seperti saat diambil dan nyaris tidak mengecilkan foto. Cocok untuk grafis berwarna datar dengan tepi tajam, bukan untuk fotografi
- Kompresi lossy membuang data yang sulit disadari mata manusia, dan di situlah penghematan sebenarnya untuk foto
- Encoder modern yang diatur dengan benar berhenti jauh di bawah titik di mana pembeli menyadari perbedaan, jauh sebelum mencapai titik di mana Anda sendiri menyadarinya
Di mana posisi foto hasil generate atau editan
Foto yang dihasilkan alat editing atau generate apa pun tetap memerlukan langkah ubah ukuran dan kompresi yang sama seperti foto langsung dari kamera. Alat-alat ini sering mengekspor dalam resolusi penuh secara bawaan, dan ekspor resolusi penuh membawa masalah bobot yang sama, baik piksel berasal dari sensor maupun dari model. Perlakukan sebagai file mentah yang menunggu anggaran yang sama, bukan sebagai aset yang sudah jadi.
Common questions
- Apakah mengompres foto produk membuatnya terlihat lebih buruk?
- Tidak, pada pengaturan yang wajar. Kompresi lossy pada rentang yang dijelaskan di sini disetel untuk membuang detail yang tidak ditangkap mata manusia, sehingga foto yang dikompres dengan benar terlihat identik pada ukuran tampilan normal dan dimuat dalam sebagian kecil waktunya.
- Sebaiknya pakai WebP atau tetap JPEG?
- Gunakan WebP jika platform toko Anda mendukungnya, karena biasanya 25 sampai 35 persen lebih kecil daripada JPEG pada kualitas yang sama. Kembali ke JPEG yang disetel dengan baik hanya jika platform atau tema Anda tidak menyajikan WebP secara otomatis.
- Apakah saya perlu ukuran gambar terpisah untuk ponsel dan desktop?
- Idealnya ya. Pembeli di ponsel melihat foto di ruang yang jauh lebih kecil daripada pembeli di desktop, sehingga menyajikan file yang lebih kecil di ponsel menghemat waktu muat yang nyata tanpa penurunan kualitas yang terlihat di layar itu.
- Apakah ukuran file gambar benar-benar memengaruhi penjualan, atau hanya skor kecepatan?
- Kecepatan halaman dan konversi terkait cukup erat sehingga sebagian besar platform e-commerce kini memperlakukannya sebagai faktor peringkat dan konversi, bukan hanya tolok ukur laboratorium. Gambar utama yang sendirian mendorong halaman melewati ambang 2,5 detik Largest Contentful Paint adalah perlambatan nyata dan terukur yang dirasakan pembeli, bukan skor abstrak.