--- title: "Foto produk WooCommerce dengan latar putih | Herofab" description: "Foto ponsel sebuah produk menjadi packshot persegi di atas putih, cukup besar untuk ukuran produk tunggal, katalog, dan thumbnail WooCommerce." url: https://herofab.app/id/tools/product-photos-for-woocommerce language: id updated: 2026-10-12 --- # Satu packshot, tiga ukuran gambar WooCommerce. WooCommerce menghasilkan ukuran tampilannya dari satu unggahan: gambar produk tunggal, gambar katalog, dan thumbnail, masing-masing pada dimensi yang ditetapkan tema. Studio latar putih Herofab mengirimkan produk sendirian dengan latar studio putih dari foto ponsel, dalam 2K atau 4K, di atas ukuran unggahan yang direkomendasikan WooCommerce. [Mulai gratis](https://app.herofab.app/login?lang=id) · [Studio latar putih](https://herofab.app/id/tools/packshot-studio) ![Tote bag kulit cokelat sendirian dengan latar studio putih, tampak depan](https://herofab.app/img/ex/tote-packshot-1100.webp) Dibuat dengan Herofab · Studio latar putih ## Yang dilakukan tema pada gambar produk. 1. ### Tiga ukuran dari satu unggahan WooCommerce bekerja dengan tiga jenis gambar: gambar produk tunggal, gambar katalog dalam loop produk seperti halaman toko, dan thumbnail produk. Semuanya dihasilkan dari unggahan. WooCommerce merekomendasikan ukuran unggahan minimum dan lebih menyukai gambar yang lebih besar demi detail halus. Keluaran 2K dan 4K Herofab berada di atas ukuran itu dalam setiap rasio aspek. 2. ### Persegi untuk potongan katalog Thumbnail katalog dapat dipotong persegi, dipotong ke rasio kustom, atau dibiarkan tanpa dipotong, dan gambar yang tidak dipotong dapat tampil dalam ukuran yang tidak seragam. Packshot persegi sesuai dengan pengaturan persegi tanpa memotong produk. Setiap packshot menampilkan produk satu kali, di tengah dan mengisi sebagian besar bingkai, sehingga barang-barang di halaman toko tampil dalam satu skala. 3. ### Zoom, retina, dan thumbnail yang dibuat ulang Pada tema Storefront, gambar produk tunggal terbesar memiliki ukuran yang diperlukan efek zoom-nya, dan untuk layar retina WooCommerce menyarankan thumbnail diatur dua kali ukuran yang ditampilkan tema. Unggahan yang besar menyisakan ruang untuk keduanya. Setelah tema baru diaktifkan atau dimensi gambar berubah, thumbnail yang sudah ada perlu dibuat ulang. ## Yang diminta WooCommerce. Sumber: [WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images](https://woocommerce.com/document/adding-product-images-and-galleries/). Diperiksa pada 11 Oktober 2026. - **Rekomendasi:** Unggah gambar berukuran minimal 800 × 800 piksel; gambar yang lebih besar lebih baik untuk produk dengan detail halus - **Jenis gambar:** Tiga jenis: gambar produk tunggal, gambar katalog dalam loop produk seperti halaman toko, dan thumbnail produk - **Pengubahan ukuran:** WooCommerce membuat ukuran tampilan dari file yang diunggah; pada tema klasik, gambar produk tunggal secara default memiliki lebar 600 piksel, thumbnail katalog lebar 300 piksel, dan thumbnail galeri 100 × 100 piksel - **Pemotongan:** Thumbnail katalog dapat diatur ke 1:1, ke rasio khusus, atau dibiarkan tanpa pemotongan; gambar yang tidak dipotong dapat tampil dalam ukuran yang tidak seragam - **Tema Storefront:** Pada tema Storefront, gambar produk tunggal terbesar berukuran 800 × 800 piksel, ukuran yang dibutuhkan efek zoom tema tersebut - **Retina:** Untuk gambar yang tajam pada layar retina, atur thumbnail menjadi dua kali lipat ukuran yang ditampilkan tema - **Perubahan:** Setelah mengaktifkan tema baru atau mengubah pengaturan dimensi gambar, thumbnail yang telah dibuat sebelumnya perlu dibuat ulang [Syarat foto produk WooCommerce](https://herofab.app/id/guides/woocommerce-product-image-size) · [Periksa gambar Anda — gratis](https://herofab.app/id/tools/image-size-checker) ## Foto ponsel untuk packshot WooCommerce. - Letakkan produk dalam posisi ringkas, pegangan tegak dan kabel atau tali dirapatkan, agar produk mengisi persegi tanpa sudut kosong yang lebar. - Meja, tangan, kotak, atau label harga boleh tetap ada di foto, karena alat ini diarahkan untuk hanya menggunakan produk; yang penting, tidak satu pun menutupi sebagian produk. - Ketuk layar untuk memfokuskan pada label atau jahitan paling halus sebelum menekan tombol rana; zoom pada tema memperbesar gambar produk tunggal, dan ketidaktajaman pada sumber pertama kali terlihat di sana. ## Foto produk untuk WooCommerce: tanya jawab. **Apakah toko WooCommerce memerlukan file terpisah untuk setiap ukuran gambar?** Tidak. WooCommerce menghasilkan gambar produk tunggal, gambar katalog, dan thumbnail galeri dari satu unggahan, pada dimensi yang ditetapkan tema. Yang perlu dibawa unggahan adalah piksel yang cukup: WooCommerce merekomendasikan batas minimum dan lebih menyukai gambar yang lebih besar demi detail halus. Packshot dikirim dalam 2K, atau 4K sebagai opsi, dan keduanya berada di atas rekomendasi itu. **Mengapa gambar katalog tampil dalam ukuran yang tidak seragam?** WooCommerce mengizinkan thumbnail katalog dibiarkan tanpa dipotong, dan gambar tanpa potongan dengan bentuk berbeda dapat tampil dalam ukuran yang tidak seragam. Dua hal menyelesaikannya: pengaturan pemotongan, persegi atau rasio kustom, dan unggahan yang sejak awal memiliki satu bentuk. Packshot yang dipesan persegi untuk setiap produk sesuai dengan pengaturan persegi apa adanya. Jika pengaturan itu diubah kemudian, thumbnail perlu dibuat ulang. **Dapatkah packshot memiliki bayangan atau alas selain putih?** Keduanya merupakan pengaturan. Studio latar putih menawarkan bayangan kontak yang lembut, tanpa bayangan, atau pantulan, dan selain studio putih alat ini dapat menempatkan produk di atas abu-abu atau krem, di atas marmer, kayu, atau linen, di atas podium, di luar ruangan, di rumah, atau pada gambar milik toko sendiri. Aturan WooCommerce yang tercantum di halaman ini menyangkut ukuran dan pemotongan dan tidak menetapkan latar belakang, sehingga pilihannya ada pada toko. **Berapa biayanya?** 4 kredit per gambar, ditambah satu kredit untuk 4K. Biaya ditampilkan sebelum gambar dibuat, dan jika pekerjaan gagal, kredit dikembalikan. 20 kredit gratis saat pendaftaran cukup untuk 5 gambar dengan alat ini. [Studio latar putih](https://herofab.app/id/tools/packshot-studio) · [Studio produk](https://herofab.app/id/tools/product-photography) · [Gambar utama](https://herofab.app/id/glossary/main-image) · [Latar putih murni](https://herofab.app/id/glossary/pure-white-background) · [Packshot](https://herofab.app/id/glossary/packshot) Contoh per produk [Foto produk untuk Ecwid](https://herofab.app/id/tools/product-photos-for-ecwid) · [Foto produk untuk Etsy](https://herofab.app/id/tools/product-photos-for-etsy) · [Foto produk untuk Shopify](https://herofab.app/id/tools/product-photos-for-shopify) · [Foto produk untuk Faire](https://herofab.app/id/tools/product-photos-for-faire) · [Foto produk untuk Squarespace](https://herofab.app/id/tools/product-photos-for-squarespace) · [Foto produk untuk Wix](https://herofab.app/id/tools/product-photos-for-wix) · [Foto produk untuk ABOUT YOU](https://herofab.app/id/tools/product-photos-for-about-you) · [Foto produk untuk Trendyol](https://herofab.app/id/tools/product-photos-for-trendyol)