--- title: "Foto produk Webflow dalam batas ukuran file | Herofab" description: "Untuk toko Webflow, Herofab membuat gambar produk studio atau bergaya dari satu foto; unduhan JPG-nya lebih aman di bawah batas ukuran file Webflow." url: https://herofab.app/id/tools/product-photos-for-webflow language: id updated: 2026-10-12 --- # Gambar produk Webflow, cukup ringan untuk diunggah. Webflow tidak menetapkan ukuran piksel untuk gambar produk; batasnya ada pada ukuran file setiap gambar. Studio produk mengambil satu foto produk, menempatkannya di alas studio atau dalam adegan bergaya, dan mengirimkannya dalam 2K atau 4K. PNG 2K dapat lebih berat daripada yang diizinkan Webflow, sehingga unduhan JPG adalah file yang lebih aman untuk toko Webflow. [Mulai gratis](https://app.herofab.app/login?lang=id) · [Studio produk](https://herofab.app/id/tools/product-photography) ![Botol parfum berfiligri emas di atas balok marmer](https://herofab.app/img/ex/perfume-marble-1100.webp) Dibuat dengan Herofab · Studio produk ## Tempat Webflow menarik batasnya. 1. ### Batas ukuran file, bukan ukuran piksel Gambar berukuran apa pun dapat diunggah ke Webflow asalkan filenya tetap di bawah batas ukuran file. PNG dari adegan yang rumit menjadi berat: pada 2K file itu dapat melampaui batas, dan file 4K lebih besar lagi. Unduhan JPG adalah file yang lebih aman. Baca ukuran setiap file sebelum mengunggahnya; batasnya sendiri ada dalam tabel di halaman ini. 2. ### Main image dan More images Produk Webflow memiliki satu kolom Main image, yaitu gambar utama, dan satu kolom More images yang memuat sejumlah terbatas gambar lainnya. File SVG tidak diizinkan di kolom gambar produk dan varian. Isi kolom Main image dengan tampilan utuh yang paling polos; slot selebihnya dapat memuat sudut lain, adegan bergaya, dan detail dekat yang dibuat dari foto sumber yang sama. 3. ### Varian responsif, kecuali pada impor Dari gambar yang cukup lebar, Webflow membuat serangkaian varian yang lebih sempit, untuk gambar inline JPG, PNG, dan WebP. Gambar yang ditambahkan melalui impor CSV atau API tidak mendapat varian semacam itu, dan Webflow menyatakan bahwa gambar tersebut seharusnya sudah berukuran tepat dan dioptimalkan. Karena itu katalog yang dimasukkan lewat impor memerlukan file yang disiapkan sebelumnya. ## Yang diminta Webflow. Sumber: [Webflow Help Center — Responsive images; Image; Image file types; Image resolution; Multi-image Collection field; Ecommerce Collections overview; Assets panel; Image conversion tool; Import/export Ecommerce products and variants; Include alt text on images](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images). Diperiksa pada 12 Oktober 2026. - **Ukuran file:** Maksimum 4 MB untuk setiap gambar - **Ukuran:** Gambar berukuran berapa pun dapat diunggah asalkan filenya lebih kecil dari batas 4 MB; gambar WebP memiliki batas panjang sisi 16.383 piksel - **Format:** PNG, JPEG, SVG, dan WebP disebut sebagai format gambar terbaik untuk diunggah - **Tidak diizinkan:** Gambar SVG pada kolom gambar produk dan varian, serta file AVIF beranimasi - **Jumlah:** Sebuah produk memiliki satu kolom Main image dan kolom multi-gambar More images, yang menampung hingga 25 gambar - **Gambar responsif:** Untuk gambar yang lebih lebar dari 3.200 piksel, Webflow membuat 7 varian pada 3.200, 2.600, 2.000, 1.600, 1.080, 800, dan 500 piksel; varian dibuat untuk gambar inline JPG, PNG, dan WebP - **Impor CSV dan API:** Gambar yang ditambahkan melalui impor CSV atau API tidak mendapatkan varian responsif, sehingga semestinya sudah berukuran tepat dan dioptimalkan - **WebP dan AVIF:** Aset JPEG dan PNG dapat dikonversi ke WebP atau AVIF dengan alat konversi bawaan; konversi ini bersifat lossy dan menggantikan file asli - **Teks alt:** Teks alt dapat diatur untuk setiap gambar, termasuk setiap gambar dalam kolom multi-gambar; Webflow AI dapat membuatnya untuk JPG, PNG, GIF, WebP, dan AVIF [Syarat foto produk Webflow](https://herofab.app/id/guides/webflow-ecommerce-product-image-size) · [Periksa gambar Anda — gratis](https://herofab.app/id/tools/image-size-checker) ## Foto di balik halaman produk Webflow. - Ambil satu foto seluruh produk dan satu foto dekat bagian terhalusnya, pengait, dial, atau label yang dijahit; kolom More images memiliki tempat untuk tampilan detail di samping gambar utama. - Jaga setiap tepi produk di dalam gambar dengan ruang di sekelilingnya; bagian yang terpotong bingkai tidak dapat ditambahkan kembali dengan setia, apa pun adegan yang dipilih nanti. - Catat nama, bahan, dan warna produk selagi produk ada di tangan: Webflow memungkinkan alt text diatur untuk setiap gambar, termasuk setiap gambar di kolom More images. ## Foto produk untuk Webflow: tanya jawab. **PNG atau JPG yang sebaiknya masuk ke toko Webflow?** JPG, dalam kebanyakan kasus. Webflow membatasi ukuran setiap file gambar, dan PNG 2K dari Herofab dapat lebih berat daripada batas itu, sedangkan JPG dari gambar yang sama lebih ringan. PNG dan JPEG sama-sama termasuk format yang disebut Webflow untuk unggahan. Bila PNG diinginkan, ukuran filenya sebaiknya dibaca dulu; pemeriksa ukuran gambar gratis menguji file di browser terhadap batas yang dipublikasikan Webflow. **Dapatkah alat konversi Webflow dipakai pada gambar Herofab?** Alat bawaan Webflow mengonversi aset JPEG dan PNG ke WebP atau AVIF. Webflow menyebut konversi itu lossy dan menyatakan bahwa konversi tersebut menggantikan file aslinya. Simpan file yang diunduh dari Herofab di luar Webflow sebagai salinan induk sebelum mengonversi, dan lihat tulisan halus pada produk setelah konversi selesai. **Berapa banyak gambar yang dimuat satu produk Webflow?** Satu di kolom Main image dan sejumlah tertentu lagi di kolom More images; jumlahnya ada dalam tabel di halaman ini. Studio produk dapat memperlihatkan produk dari depan, tiga perempat, dari samping, atau dari atas, di alas polos atau dalam sebuah adegan, semuanya dari satu foto sumber. Setiap gambar tambahan adalah satu file lagi di bawah batas ukuran file, dan masing-masing dapat membawa alt text-nya sendiri. **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 produk](https://herofab.app/id/tools/product-photography) · [Gambar utama](https://herofab.app/id/glossary/main-image) · [Gambar lifestyle](https://herofab.app/id/glossary/lifestyle-image) · [Rasio aspek](https://herofab.app/id/glossary/aspect-ratio) Contoh per produk [Foto produk untuk Square Online](https://herofab.app/id/tools/product-photos-for-square-online) · [Foto produk untuk Lightspeed eCom](https://herofab.app/id/tools/product-photos-for-lightspeed) · [Foto produk untuk Big Cartel](https://herofab.app/id/tools/product-photos-for-big-cartel) · [Foto produk untuk SHOPLINE](https://herofab.app/id/tools/product-photos-for-shopline) · [Foto produk untuk Wayfair](https://herofab.app/id/tools/product-photos-for-wayfair) · [Foto produk untuk Orderchamp](https://herofab.app/id/tools/product-photos-for-orderchamp) · [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)