Foto produk untuk website mempunyai beberapa pekerjaan sekaligus: memperlihatkan barang, menjelaskan detail, membantu pembaca yang tidak melihat gambar, dan tetap dapat dimuat dengan wajar. Mengunggah file beresolusi paling besar belum menyelesaikan semuanya. Pengelola perlu memikirkan isi foto, ukuran tampil, format file, keterangan, serta perilakunya pada halaman yang benar-benar dipakai pembeli.
Panduan ini merangkum dokumentasi resmi Google Search Central, W3C WAI, WooCommerce, MDN, dan tim pengembang Chrome. Langkah pemeriksaan serta pembagian pekerjaan merupakan sintesis editorial untuk usaha kecil. Tidak ada hasil pemotretan, pengujian kecepatan toko, atau persentase kenaikan penjualan yang diklaim dalam artikel ini. Tujuannya adalah membantu pengelola menyiapkan foto dan menilai hasil publikasinya melalui bukti yang dapat diperiksa.
1. Tentukan informasi yang harus diperlihatkan foto
Mulailah dari pertanyaan tentang barang, bukan pilihan format file. Tuliskan bagian yang perlu dilihat pembeli agar memahami apa yang ditawarkan: bentuk keseluruhan, permukaan, sambungan, isi kemasan, atau bagian lain yang relevan. Daftar tersebut menjadi arahan pemotretan dan pemilihan gambar. Jangan mengambil banyak sudut yang serupa sementara detail penentu pilihan justru tidak tersedia.
Pisahkan foto barang yang dijual dari gambar suasana, ilustrasi penggunaan, dan diagram. Semua dapat bermanfaat bila fungsinya jelas. Namun, foto suasana tidak sebaiknya menjadi satu-satunya dasar untuk memahami kelengkapan penjualan. Jika ada properti pendukung di dalam gambar, pastikan deskripsi tidak membuat pembaca mengira semuanya termasuk paket.
Periksa daftar kebutuhan visual bersama orang yang memahami barang. Minta ia menunjukkan bagian yang membedakan pilihan produk serta ciri yang perlu ditampilkan secara akurat. Bila ada klaim tentang bahan atau kinerja, cari dokumen pendukungnya. Foto dapat memperlihatkan penampilan, tetapi jangan memakainya untuk menyimpulkan mutu atau kemampuan yang tidak dapat dibuktikan hanya dengan melihat gambar.
Susun urutan galeri mengikuti kebutuhan pembaca. Letakkan pengenalan barang sebelum detail yang sulit dimengerti tanpa konteks. Tinjau apakah setiap gambar menambah informasi baru. Gambar yang berbeda tipis boleh dipertahankan bila memang menunjukkan perbedaan penting, tetapi tidak perlu dimasukkan semata-mata agar galeri tampak penuh.
Hasil tahap ini adalah daftar foto yang dibutuhkan beserta fungsi masing-masing. Gunakan daftar tersebut untuk menilai persediaan file yang sudah dimiliki. Tandai gambar yang siap, perlu dipotret ulang, atau masih menunggu kepastian sumber. Dengan begitu, kegiatan penyuntingan mempunyai tujuan yang lebih jelas daripada sekadar mempercantik semua file yang tersedia.
2. Bedakan ukuran piksel, ukuran tampil, dan ukuran file
Dokumentasi gambar produk WooCommerce menjelaskan dimensi gambar sebagai lebar dan tinggi dalam piksel. Sementara itu, ukuran file menunjukkan banyaknya data yang disimpan atau dikirim. Kedua ukuran itu menjawab pertanyaan berbeda. File yang kecil belum tentu mempunyai detail yang cukup, dan dimensi besar belum tentu diperlukan pada setiap bagian halaman.
Tambahkan ukuran tampil sebagai pertanyaan tersendiri. Periksa seberapa lebar gambar terlihat pada kartu katalog, halaman detail, keranjang, dan galeri. Jangan menilai seluruh kebutuhan dari gambar utama saja. Bagian yang sama dapat memakai turunan gambar berbeda sesuai pengaturan situs. Pengelola perlu mengetahui di mana foto dipakai sebelum menentukan keluaran penyuntingan.
Saat berkomunikasi dengan fotografer atau pengelola website, sebutkan jenis ukuran yang dimaksud. Permintaan memperkecil gambar perlu diperjelas: apakah mengurangi dimensi, mengubah ukuran tampil, atau mengompresi data? Tanpa kejelasan itu, orang dapat melakukan pekerjaan yang benar secara teknis tetapi tidak menyelesaikan persoalan yang sebenarnya.
Simpan file sumber secara terpisah dari file publikasi. File sumber berguna ketika pemotongan atau keluaran perlu dibuat ulang. File publikasi disiapkan untuk kebutuhan halaman yang telah diperiksa. Jangan menimpa satu-satunya sumber dengan hasil kompresi yang belum ditinjau. Pekerjaan dapat dimulai memakai folder dan alat yang sudah tersedia, tanpa membeli layanan baru.
Buat catatan singkat tentang fungsi setiap keluaran. Cantumkan produk, tujuan penggunaan, dimensi, format, dan lokasi sumbernya. Catatan ini membantu ketika pengelola harus memperbaiki gambar yang tampak kabur. Ia dapat menelusuri apakah masalah berasal dari sumber, keluaran, atau ukuran yang dipilih halaman, alih-alih terus mengunggah file lebih besar tanpa arah pemeriksaan.
3. Periksa pemotongan dan bagian penting pada layar sempit
Gambar yang diperkecil dan gambar yang dipotong memberikan hasil berbeda. Panduan gambar responsif MDN membedakan penyediaan beberapa resolusi dari pengaturan komposisi untuk ruang tampil yang berbeda. Pembeda ini berguna ketika barang tetap terlihat utuh pada komputer tetapi detail penting hilang pada tampilan ponsel.
Tentukan bagian yang harus tetap terlihat sebelum memotong. Tandai tepi barang, tulisan kemasan yang relevan, dan unsur pembeda yang diperlukan pelanggan. Lalu periksa keluaran pada bentuk tempat gambar akan ditampilkan. Jangan menilai pemotongan hanya melalui aplikasi penyunting karena halaman dapat memakai rasio atau posisi tampilan berbeda.
Untuk kartu katalog, periksa apakah pembaca masih dapat mengenali barang tanpa membuka galeri. Untuk halaman detail, periksa apakah area yang diperbesar memberikan informasi tambahan yang berguna. Kebutuhan kedua tempat tersebut tidak selalu sama. Simpan keputusan pemotongan bersama tujuan penggunaannya agar file tidak tertukar saat diunggah.
Bila foto memuat diagram atau teks ukuran, periksa keterbacaannya setelah ditampilkan. Hindari menjadikan gambar sebagai satu-satunya tempat menyimpan keterangan penting. Sediakan informasi yang diperlukan dalam teks halaman dengan makna yang sama. Pembaca tidak seharusnya harus menebak angka atau istilah dari gambar yang terlalu kecil.
Bandingkan hasil pada layar sempit dan lebar, lalu catat bagian yang hilang atau sulit dipahami. Persoalan komposisi sebaiknya diteruskan kepada penyunting gambar atau pengelola tampilan yang sesuai. Jangan mengompresi ulang file jika masalahnya ternyata pemotongan. Pisahkan jenis persoalan agar perbaikan tidak menghasilkan banyak salinan dengan kualitas yang semakin jauh dari sumber.
4. Pilih format berdasarkan kebutuhan dan hasil pemeriksaan
Dokumentasi WebP pada web.dev menjelaskan dukungan kompresi lossy dan lossless, transparansi, serta animasi. Lossy berarti sebagian informasi gambar dikurangi dalam proses kompresi; lossless mempertahankan informasi gambar dalam pengodeannya. Pilihan format perlu disertai pemeriksaan hasil visual, bukan hanya mengganti akhiran nama file.
Panduan AVIF web.dev menerangkan format yang berlandaskan pengodean AV1 dan menekankan pentingnya dukungan perangkat serta cara penyajian yang tangguh. Untuk toko, pertanyaan praktisnya adalah apakah rangkaian alat yang dipakai dapat membuat, menyimpan, menyajikan, dan menampilkan format itu dengan benar. Periksa dokumentasi versi platform serta hasil halaman publik.
Jangan menetapkan satu format sebagai jawaban wajib untuk semua aset. Foto barang, logo, diagram, dan gambar dengan latar transparan mempunyai kebutuhan yang perlu ditinjau. Pilih beberapa keluaran yang relevan dari sumber yang sama, lalu bandingkan penampilan serta ukuran file. Gunakan barang nyata yang memang akan dipublikasikan sebagai bahan pemeriksaan internal.
Saat membandingkan, perhatikan detail yang mempunyai arti bagi pembeli. Lihat tekstur, batas warna, huruf kecil yang memang dibutuhkan, dan tepi bagian barang. File paling kecil tidak otomatis menjadi pilihan terbaik jika informasi penentu justru hilang. Sebaliknya, mempertahankan data yang tidak terlihat pada ukuran tampil perlu mempunyai alasan yang jelas.
Simpan hasil pemilihan dalam catatan kerja tanpa mengubahnya menjadi klaim universal. Keputusan untuk satu kelompok foto belum membuktikan bahwa format tersebut selalu paling baik pada seluruh toko. Jika pengelola menggunakan mekanisme beberapa format, minta penanggung jawab website memastikan sumber cadangan dan perilaku perangkat yang dituju. Pedoman format membantu mengambil keputusan, sementara pemeriksaan halaman memastikan implementasinya sesuai kebutuhan.
5. Kompres gambar sambil mempertahankan detail produk
Panduan Improve image delivery Chrome menyebut kompresi dan penggunaan format modern sebagai beberapa cara mengurangi data gambar. Panduan itu juga menjelaskan hubungan ukuran kiriman dengan ukuran gambar yang ditampilkan. Ini merupakan dasar pemeriksaan, bukan jaminan bahwa satu pengaturan akan memberi hasil sama pada setiap foto.
Kerjakan kompresi pada salinan sumber yang sesuai. Tentukan detail yang tidak boleh hilang, lalu bandingkan keluaran berdampingan pada ukuran tampilan yang relevan. Periksa pula tampilan detail bila galeri memang menyediakan pembesaran. Jangan hanya menilai dari pratinjau kecil yang menyembunyikan perubahan pada permukaan atau tulisan barang.
Gunakan pengaturan alat sebagai titik peninjauan, bukan angka mutu yang dapat dibandingkan langsung lintas format. Catat format, pengaturan yang dipakai, ukuran keluaran, serta keputusan pemeriksa. Jika alat mempunyai pratinjau perbandingan, manfaatkan untuk menemukan bagian yang perlu diperhatikan. Pilihan alat dapat mengikuti yang sudah tersedia bagi usaha selama hasilnya dapat diperiksa.
Berhenti mengompresi ulang ketika sumber awal tidak tersedia atau asal versi tidak jelas. Cari file yang benar lebih dahulu. Salinan yang telah melalui beberapa proses tidak sebaiknya dianggap setara dengan sumber pemotretan. Menata kembali arsip sering lebih berguna daripada mencoba banyak pengaturan pada file yang sejak awal tidak memadai.
Sesudah keluaran dipilih, unggah melalui alur kerja yang disepakati dan periksa halaman publik. Pastikan sistem tidak menyajikan versi berbeda yang belum ditinjau. Jika tampilan menjadi kabur, telusuri sumber yang benar-benar dimuat sebelum mengubah setelan kompresi. Dengan urutan ini, pekerjaan tetap terarah pada gambar yang dilihat pelanggan, bukan hanya file yang terlihat bagus di folder penyunting.
6. Pahami fungsi gambar responsif tanpa harus mengubah kode sendiri
Gambar responsif membantu halaman menyajikan sumber yang sesuai dengan keadaan tampilan. MDN menjelaskan bahwa srcset menawarkan kandidat gambar, sizes memberi petunjuk ruang tampil, dan elemen picture dapat digunakan untuk perubahan komposisi atau pilihan sumber. Informasi ini membantu pengelola usaha mengajukan pertanyaan yang tepat kepada orang yang merawat website.
Pertanyaan pertama adalah apakah platform sudah membuat turunan gambar secara otomatis dan apakah tema menggunakannya. Jangan langsung menambahkan alat kedua sebelum mengetahui kemampuan yang sedang aktif. Minta penanggung jawab website menunjukkan sumber yang dimuat pada ponsel dan komputer. Pemeriksaan sebaiknya memakai halaman nyata dengan foto yang sudah disepakati.
Pertanyaan berikutnya adalah apakah gambar tetap berada di dalam area bacaan. Lihat tepi halaman, galeri, dan bagian yang dapat digeser. Foto yang membuat seluruh halaman melebar menyulitkan pembacaan keterangan produk. Catat lokasi persoalan serta keadaan tampilannya agar pengelola dapat memperbaiki bagian yang tepat.
Bedakan kebutuhan resolusi dari kebutuhan pemotongan. Jika informasi penting tetap ada tetapi gambar kurang jelas, periksa kandidat sumber dan ukuran tampil. Jika informasi hilang karena bagian gambar terpotong, bahas komposisi atau pengaturan tampilan. Kedua persoalan dapat muncul bersamaan, tetapi tidak harus diperbaiki dengan tindakan yang sama.
Pengelola usaha tidak perlu menyalin potongan kode yang tidak dipahami untuk menyelesaikan semua persoalan gambar. Siapkan bukti berupa alamat halaman, bagian yang diperiksa, perangkat, serta hasil yang diharapkan berdasarkan foto sumber. Penanggung jawab teknis kemudian dapat mencocokkan implementasi dengan dokumentasi. Perubahan dinyatakan selesai setelah tampilan dan sumber gambar yang dimuat dibaca kembali.
7. Tulis teks alternatif sesuai fungsi gambar
Pohon keputusan teks alternatif W3C WAI membantu membedakan gambar informatif, dekoratif, dan gambar yang berfungsi sebagai tautan atau tombol. Untuk foto informatif, teks alternatif menyampaikan makna yang relevan dalam konteks halaman. Untuk gambar fungsional, keterangannya perlu menjelaskan tujuan atau tindakan. Gambar dekoratif dapat membutuhkan atribut alternatif kosong.
Mulailah dengan menanyakan informasi apa yang hilang bila gambar tidak terlihat. Tuliskan jawaban singkat dengan bahasa yang sesuai halaman. Jangan otomatis menyalin nama file atau seluruh deskripsi produk. Foto detail dan foto keseluruhan dapat mempunyai fungsi berbeda sehingga keterangannya perlu ditinjau satu per satu.
Hindari memasukkan ciri yang tidak dapat dipastikan dari gambar atau dokumen produk. Jika warna, bahan, atau nama bagian belum diketahui, periksa lebih dahulu. Teks alternatif tidak sebaiknya menjadi tempat menambahkan klaim yang tidak tercantum dalam penawaran. Ia membantu pembaca memahami fungsi visual, bukan memperluas janji penjual.
Untuk diagram yang memuat banyak informasi, W3C menyarankan agar informasi tersebut tersedia di tempat lain pada halaman. Karena itu, jangan memaksa semua rincian masuk ke satu teks alternatif yang panjang. Sediakan penjelasan tertulis yang dapat dibaca secara terstruktur, lalu terangkan hubungan diagram dengan bagian tersebut secara jelas.
Periksa hasil tersimpan setelah mengisi kolom pada pengelola media. Kolom judul, caption, deskripsi, dan teks alternatif dapat mempunyai tujuan berbeda dalam platform. Jangan menganggap mengisi salah satunya berarti seluruh kebutuhan selesai. Minta penanggung jawab website memastikan keterangan yang dibutuhkan benar-benar hadir pada gambar di halaman publik. Pemeriksaan ini berfokus pada informasi yang tersedia, tanpa mengklaim bahwa seluruh situs telah memenuhi semua kebutuhan aksesibilitas.
8. Gunakan nama file dan konteks halaman secara wajar
Google Search Central menyarankan nama file yang singkat dan deskriptif, penempatan gambar dekat teks relevan, serta teks alternatif yang berguna. Google juga memperingatkan pengisian atribut alternatif dengan tumpukan kata kunci. Pedoman tersebut mendukung penyajian informasi yang jelas; ia tidak menjanjikan posisi tertentu pada hasil pencarian.
Susun nama file yang membantu pengelola mengenali barang dan fungsi gambar. Gunakan istilah yang benar-benar sesuai isinya. Jangan memasukkan deretan lokasi, merek, atau jenis produk lain hanya karena kata tersebut dianggap ramai dicari. Nama yang mudah dipahami juga membantu pekerjaan internal ketika banyak file memiliki penampilan serupa.
Letakkan foto pada bagian yang menjelaskan hal yang ditampilkan. Foto kelengkapan sebaiknya berdekatan dengan informasi kelengkapan, sedangkan detail tertentu perlu mempunyai pengantar yang sesuai. Perhatikan hubungan ini ketika galeri atau halaman disusun ulang. Pembaca tidak perlu berpindah terlalu jauh hanya untuk mengetahui alasan suatu gambar disertakan.
Periksa caption bila memang diperlukan. Caption dapat menjelaskan konteks yang tidak langsung terlihat, termasuk status ilustrasi atau batas penggunaan foto. Namun, jangan mengulang semua teks alternatif dan deskripsi ke setiap caption. Tentukan informasi yang berguna bagi pembaca yang sedang melihat halaman, lalu tulis secara singkat.
Jika nama atau keterangan gambar diubah, periksa pekerjaan lain yang bergantung padanya sebelum melakukan penggantian besar. Jangan mengubah alamat file yang sudah dipakai di banyak halaman tanpa memahami hubungan tersebut. Pengelola dapat menyiapkan daftar lokasi penggunaan untuk ditinjau oleh penanggung jawab website. Kerapian penamaan sebaiknya dicapai melalui proses yang menjaga gambar tetap dapat diakses oleh halaman yang memerlukannya.
9. Bedakan gambar utama dan gambar yang baru diperlukan saat menggulir
Panduan lazy loading web.dev menjelaskan penggunaan atribut loading untuk menunda pemuatan gambar yang berada jauh dari area tampilan. Panduan itu memperingatkan agar gambar yang kemungkinan terlihat sejak halaman dibuka, terutama gambar LCP, tidak ditunda dengan cara tersebut. Penundaan pemuatan perlu mengikuti posisi dan fungsi gambar.
Untuk usaha kecil, mulai dengan mengamati apa yang terlihat ketika halaman pertama dibuka. Tentukan gambar yang membantu pembeli mengenali barang sejak awal. Kemudian periksa foto tambahan yang baru diperlukan setelah membaca atau menggulir. Bawa daftar tersebut ketika membahas pengaturan dengan pengelola website, alih-alih meminta semua gambar diberi perlakuan yang sama.
Dokumentasi yang sama menyarankan atribut lebar dan tinggi agar browser dapat menyediakan ruang sebelum gambar selesai dimuat. Bagi pembaca, ruang yang stabil membantu menjaga posisi teks dan tombol. Jika isi halaman bergeser ketika foto muncul, catat bagian yang berubah serta urutannya. Jangan langsung menyimpulkan bahwa kapasitas hosting merupakan satu-satunya penyebab.
Periksa galeri melalui interaksi yang benar-benar tersedia. Buka foto tambahan, geser jika galeri mendukungnya, dan lihat apakah gambar yang diperlukan berhasil muncul. Foto yang belum diminta sebelum interaksi dapat berbeda dari file yang gagal dimuat. Bukti langkah yang dilakukan membantu pengelola teknis membedakan keduanya.
Sesudah pengaturan diperbaiki, ulangi alur yang sebelumnya bermasalah. Periksa pemuatan awal sekaligus gambar tambahan. Jangan menyatakan pekerjaan selesai hanya karena halaman terasa lebih cepat pada perangkat yang sudah pernah membukanya. Pastikan gambar tetap tersedia dan konteksnya benar. Tujuan pengaturan adalah memberi pengalaman membaca yang masuk akal sambil mempertahankan informasi produk yang dibutuhkan.
10. Telusuri gambar kabur, rusak, atau terlalu lambat secara terpisah
Ketika menemukan masalah, tuliskan gejalanya dengan tepat. Gambar kabur berarti informasi visual tidak cukup jelas pada ukuran yang diperiksa. Gambar rusak berarti file tidak berhasil ditampilkan. Gambar lambat berarti waktu kemunculannya menjadi persoalan. Ketiganya dapat berkaitan, tetapi jangan langsung ditangani dengan satu tindakan yang sama.
Untuk gambar kabur, bandingkan file sumber, keluaran publikasi, dan gambar yang benar-benar dimuat halaman. Tanyakan apakah pemotongan sesuai serta apakah halaman memilih turunan yang tepat. Jika sumber sudah tidak jelas, mengunggah ulang salinan yang sama tidak menambah informasi. Cari sumber yang lebih baik atau rencanakan pemotretan ulang berdasarkan kebutuhan visual yang belum terpenuhi.
Untuk gambar yang gagal tampil, catat alamat halaman dan tindakan sebelum kegagalan muncul. Minta penanggung jawab website memeriksa alamat file, izin akses yang relevan, serta hasil permintaannya. Jangan mengganti seluruh galeri sebelum mengetahui bagian yang bermasalah. Simpan daftar produk terkait agar pemeriksaan mempunyai batas yang dapat diselesaikan.
Untuk persoalan pemuatan, gunakan laporan alat sebagai petunjuk penelusuran. Panduan Chrome menjelaskan estimasi peluang pengurangan data gambar. Estimasi tersebut bukan hasil yang telah dicapai toko. Catat keadaan pemeriksaan dan bedakan saran alat dari hasil sesudah perubahan. Jangan menyalin potensi penghematan sebagai klaim keberhasilan publik.
Setelah tindakan dilakukan, periksa kembali gejala awal dan kualitas informasi. File yang lebih kecil tetapi menghilangkan detail produk belum menyelesaikan kebutuhan pembeli. Sebaliknya, gambar yang tampil tajam tetapi merusak susunan halaman tetap membutuhkan perhatian. Gunakan hasil pemeriksaan untuk memilih perbaikan berikutnya dengan ruang lingkup yang jelas.
11. Periksa galeri melalui halaman yang dilihat pelanggan
WooCommerce membedakan gambar utama, gambar katalog, serta thumbnail, dan menyediakan galeri produk. Dokumentasinya menjelaskan bahwa gambar utama menjadi item pertama dalam galeri sehingga tidak perlu ditambahkan lagi sebagai gambar galeri yang sama. Pengaturan tema dapat memengaruhi tampilan. Karena itu, periksa hasil melalui halaman toko setelah perubahan disimpan.
Susun galeri berdasarkan daftar fungsi foto dari tahap awal. Pastikan tidak ada file yang tertukar antarproduk atau pilihan. Baca deskripsi sambil melihat gambar, lalu periksa apakah kelengkapan dan karakteristik yang dijelaskan tetap selaras. Jangan membiarkan foto lama terus dipakai hanya karena halaman belum terlihat rusak.
Tinjau tampilan katalog secara terpisah dari halaman detail. Pemotongan yang rapi pada galeri dapat menghasilkan kartu katalog yang kehilangan bagian penting. Periksa judul yang berada di dekat gambar dan pastikan pembaca masih dapat menghubungkannya dengan barang. Jika masalah berulang pada satu bentuk kartu, bahas pengaturan tampilan sebelum menyunting semua foto secara terpisah.
Periksa pula keadaan pilihan produk bila halaman menawarkan varian. Pastikan gambar yang berubah mengikuti pilihan benar-benar menunjukkan penawaran yang sesuai. Tandai pilihan yang memakai foto umum dan jelaskan konteksnya jika diperlukan. Galeri tidak boleh membuat pembaca menyimpulkan bahwa ciri satu pilihan berlaku untuk seluruh barang di halaman.
Simpan hasil peninjauan berdasarkan bagian yang diperiksa. Daftar gambar benar, urutan sesuai, tampilan katalog terbaca, dan interaksi galeri berfungsi merupakan hasil yang dapat ditinjau. Jangan memberi tanda selesai pada produk yang masih menunggu sumber foto. Status pekerjaan yang jujur membantu penanggung jawab katalog menentukan bagian yang perlu didahulukan.
12. Tetapkan alur foto dari sumber sampai pemeriksaan akhir
Alur yang sederhana dapat dibagi menjadi penentuan kebutuhan, pengumpulan sumber, penyuntingan keluaran, pengisian keterangan, publikasi, dan pemeriksaan. Tetapkan siapa yang memahami barang serta siapa yang mengurus tampilan website. Satu orang boleh menjalankan beberapa peran, tetapi pertanyaan yang diperiksa tetap perlu dibedakan.
Pada tahap sumber, pastikan file mempunyai asal yang jelas dan memang boleh digunakan usaha. Jangan menganggap gambar yang ditemukan melalui pencarian bebas dipakai. Jika izin atau kepemilikan belum jelas, cari bahan yang dapat digunakan atau buat pemotretan sendiri sesuai kebutuhan. Pertahankan informasi sumber bersama arsip agar tidak hilang ketika petugas berganti.
Pada tahap keluaran, tentukan bagian visual yang harus dipertahankan, tujuan tampilan, format, dan ukuran. Pada tahap keterangan, periksa nama file, teks alternatif, serta caption yang diperlukan. Hindari mengerjakan semua kolom melalui salinan otomatis tanpa membaca fungsi gambar. Pekerjaan massal tetap memerlukan pemeriksaan agar kekeliruan tidak tersebar ke banyak produk.
Sebelum publikasi dinyatakan selesai, bandingkan halaman pada komputer dan ponsel. Periksa gambar pertama, detail tambahan, pemotongan, keterbacaan teks, serta hubungan dengan pilihan barang. Catat persoalan yang tersisa dan penanggung jawab tindak lanjutnya. Jika pemeriksaan hanya mencakup sebagian katalog, tuliskan batas itu dengan jelas.
Untuk serah terima antarpetugas, gunakan daftar ringkas yang langsung menghubungkan file dengan hasil pemeriksaan:
- Identitas produk dan pilihan yang ditunjukkan, supaya gambar tidak diterapkan pada barang lain.
- Lokasi sumber, keluaran terpilih, serta tujuan gambar pada katalog atau halaman detail.
- Teks alternatif dan caption yang disetujui untuk menjelaskan fungsi serta konteks visual.
- Alamat halaman, perangkat, dan bagian galeri yang benar-benar sudah diperiksa.
- Persoalan yang masih terbuka serta tindakan berikutnya agar penerima dapat melanjutkan pekerjaan dengan jelas.
Foto produk yang baik untuk website merupakan hasil beberapa keputusan yang saling mendukung. Isi visual harus sesuai barang, keluaran file perlu cocok dengan penggunaannya, dan informasi alternatif harus membantu memahami fungsi gambar. Mulailah dari kebutuhan pembeli, gunakan dokumentasi untuk menilai pilihan teknis, lalu baca kembali halaman publik. Dengan alur tersebut, pengelola dapat memperbaiki kualitas foto tanpa mengubah dugaan menjadi klaim hasil pengujian atau janji SEO.
Rujukan dan metode
- WooCommerce: Adding Product Images and Galleries
- MDN: Using responsive images in HTML
- web.dev: Image formats WebP
- web.dev: Image formats AVIF
- Chrome: Improve image delivery
- W3C WAI: An alt Decision Tree
- Google Search Central: Image SEO
- web.dev: Browser-level image lazy loading
Metode: telaah sumber primer dan sintesis editorial. Tautan rujukan ditempatkan dekat pembahasan yang didukungnya. Tanggal pemeriksaan sumber tercatat dalam arsip editorial.
