Siri harian · Disediakan 5 November 2026 untuk melengkapkan arkib siri.
Gambar produk perlu membantu pelanggan memahami barang yang mereka mahu beli. Fail yang besar boleh melambatkan muatan, manakala pemampatan keterlaluan boleh mengaburkan label atau bahan. Proses yang baik mencari keseimbangan antara kejelasan, saiz fail dan konteks penggunaan gambar tersebut.
Ambil gambar yang menjawab soalan pembeli
Sediakan pandangan utama, butiran penting dan satu gambar yang menunjukkan skala produk. Untuk beg, contohnya, pembeli mungkin mahu melihat ruang dalaman dan kedudukan tali. Untuk produk berlabel, pastikan maklumat yang perlu dibaca turut disediakan sebagai teks dalam halaman.
Gunakan pencahayaan dan latar yang konsisten supaya warna serta bentuk lebih mudah dibandingkan. Elakkan suntingan yang mengubah ciri sebenar produk. Jika gambar menunjukkan aksesori yang tidak disertakan, jelaskan perkara itu dalam penerangan produk.
Eksport mengikut ruang paparan
Jangan memuat naik gambar asal kamera terus untuk kad produk yang kecil. Sediakan beberapa saiz berdasarkan ruang dalam reka bentuk. Pembangun boleh menggunakan srcset dan sizes supaya pelayar memilih fail yang lebih sesuai dengan skrin pengguna.
Format WebP atau AVIF boleh diuji bersama format sedia ada. Bandingkan saiz dan hasil visual untuk produk sebenar kerana tiada satu tetapan yang sesuai untuk semua gambar. Simpan salinan asal secara berasingan supaya bahan boleh dieksport semula apabila reka bentuk berubah.
Kurangkan gangguan semasa halaman dimuatkan
Tetapkan dimensi atau nisbah gambar supaya ruangnya tersedia sebelum muatan selesai. Ini membantu mengurangkan pergerakan kandungan ketika pelanggan sedang membaca atau mahu menekan butang. Pastikan gambar tidak diregangkan sehingga bentuk produk berubah.
Gambar jauh di bawah paparan awal boleh menggunakan lazy loading. Gambar utama yang terus kelihatan perlu diberi perhatian berbeza supaya pelanggan tidak menunggu imej penting tanpa sebab. Uji keputusan pada sambungan perlahan, bukan hanya menggunakan komputer pejabat.
Tulis teks alternatif berdasarkan tujuan
Untuk gambar produk yang membawa maklumat, tulis alt yang ringkas dan tepat, contohnya 'Beg kanvas hitam dengan poket zip di bahagian hadapan'. Jika gambar hanya hiasan, alt kosong mungkin lebih sesuai. Elakkan memasukkan senarai kata kunci yang tidak menerangkan gambar.
Sebelum terbit, semak fail yang gagal dimuatkan, gambar kabur dan variasi warna yang tersalah padan. Keputusan akhir patut dinilai melalui kemudahan memilih produk serta kelajuan halaman, bukan sekadar mengejar saiz fail paling kecil.