--- title: "Syarat foto produk Webflow | Herofab" description: "Gambar produk Webflow Ecommerce: maksimum 4 MB per gambar, satu gambar utama ditambah hingga 25 lainnya, varian responsif dari 500 hingga 3.200 px." url: https://herofab.app/id/guides/webflow-ecommerce-product-image-size language: id updated: 2026-10-12 --- # Syarat foto produk Webflow Gambar produk Webflow Ecommerce: maksimum 4 MB per gambar, satu gambar utama ditambah hingga 25 lainnya, varian responsif dari 500 hingga 3.200 px. ![Jam tangan berpelat hitam dengan tali mesh di atas latar putih, tampak tiga perempat](https://herofab.app/img/ex/watch-packshot-1100.webp) Dibuat dengan Herofab · Studio latar putih ## Semua persyaratan gambar 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. [Dibaca ulang · 12 Oktober 2026](https://herofab.app/id/guides/marketplace-image-rule-changes) - **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 [Periksa gambar Anda — gratis](https://herofab.app/id/tools/image-size-checker) ## Yang diminta Webflow, terpenuhi. Webflow tidak menetapkan ukuran piksel untuk gambar produk, hanya batas 4 MB per file. File PNG 2K dapat melebihi batas itu, sehingga unduhan JPG adalah file yang lebih aman. Hasil persegi 2K memiliki lebar 2.048 piksel. Sebuah produk menerima satu gambar utama dan hingga 25 gambar lainnya, sehingga tersedia ruang untuk beberapa pose, tampilan ghost mannequin, dan foto detail. Gambar yang dibuat dengan paket langganan atau paket kredit tidak membawa tanda air maupun teks tambahan. ### JPG di bawah 4 MB Gambar Herofab dapat diunduh sebagai PNG atau JPG; PNG 2K dapat melebihi batas 4 MB di Webflow. ### Ruang untuk setiap tampilan Satu gambar utama dan hingga 25 gambar lainnya memberi ruang untuk beberapa pose, tampilan ghost mannequin, dan foto detail. ### Tanpa tanda air atau teks tambahan Gambar yang dibuat dengan paket langganan atau paket kredit tidak membawa tanda air maupun teks tambahan. [Mulai gratis](https://app.herofab.app/login?lang=id) ## Webflow: tanya jawab. **Berapa ukuran gambar produk untuk Webflow?** Gambar produk Webflow Ecommerce: maksimum 4 MB per gambar, satu gambar utama ditambah hingga 25 lainnya, varian responsif dari 500 hingga 3.200 px. **Berapa ukuran file maksimum gambar produk di Webflow?** Maksimum 4 MB untuk setiap gambar. 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, dibaca pada 12 Oktober 2026. **Format file apa saja yang diterima Webflow untuk gambar produk?** PNG, JPEG, SVG, dan WebP disebut sebagai format gambar terbaik untuk diunggah. 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, dibaca pada 12 Oktober 2026. **Apa yang tidak diperbolehkan dalam gambar produk di Webflow?** Gambar SVG pada kolom gambar produk dan varian, serta file AVIF beranimasi. 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, dibaca pada 12 Oktober 2026. **Berapa jumlah gambar per produk di Webflow?** Sebuah produk memiliki satu kolom Main image dan kolom multi-gambar More images, yang menampung hingga 25 gambar. 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, dibaca pada 12 Oktober 2026. **Dapatkah saya memeriksa gambar sebelum mengunggah?** Ya. [Pemeriksa ukuran gambar](https://herofab.app/id/tools/image-size-checker) gratis membaca setiap file di browser Anda dan mengujinya terhadap aturan ini; gambar tidak diunggah. **Dari mana angka-angka ini berasal?** Dari 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, dibaca pada 12 Oktober 2026. Marketplace memperbarui aturannya; [halaman resmi](https://help.webflow.com/hc/en-us/articles/33961378697107-Responsive-images) tetap menjadi acuan akhir. [Coba pakai virtual](https://herofab.app/id/tools/virtual-try-on) · [Hapus latar belakang](https://herofab.app/id/tools/background-remover) · [Semua panduan](https://herofab.app/id/guides/)