--- title: "Fotos de producto para Webflow dentro del límite de peso | Herofab" description: "Para una tienda Webflow, Herofab hace de una foto una imagen de estudio o ambientada; el JPG es la descarga más segura ante el límite de peso de Webflow." url: https://herofab.app/es/tools/product-photos-for-webflow language: es updated: 2026-10-12 --- # Imágenes de producto para Webflow, lo bastante ligeras para subirlas. Webflow no fija ninguna medida en píxeles para las imágenes de producto; su límite recae en el peso de cada archivo. El estudio de producto toma una foto de un producto, lo sitúa sobre un fondo de estudio o en una escena ambientada y lo entrega en 2K o 4K. Un PNG en 2K puede pesar más de lo que Webflow permite, así que la descarga en JPG es el archivo más seguro para una tienda Webflow. [Empezar gratis](https://app.herofab.app/login?lang=es) · [Estudio de producto](https://herofab.app/es/tools/product-photography) ![Un frasco de perfume con filigrana dorada sobre un bloque de mármol](https://herofab.app/img/ex/perfume-marble-1100.webp) Hecho con Herofab · Estudio de producto ## Dónde pone Webflow sus límites. 1. ### Un límite de peso en lugar de una medida A Webflow puede subirse una imagen de cualquier tamaño siempre que el archivo quede por debajo de su límite de peso. Un PNG de una escena detallada pesa mucho: en 2K puede superar ese límite, y un archivo en 4K es todavía mayor. La descarga en JPG es el archivo más seguro. Lea el peso de cada archivo antes de subirlo; el límite en sí está en la tabla de esta página. 2. ### Main image y More images Un producto de Webflow tiene un campo Main image y un campo More images que admite un número limitado de imágenes adicionales. Los archivos SVG no se permiten en los campos de imagen de producto y de variante. Dé al campo Main image la vista entera más sencilla; las demás posiciones pueden llevar otros ángulos, una escena ambientada y un detalle de cerca hechos a partir de la misma foto de origen. 3. ### Variantes adaptables, salvo en la importación A partir de una imagen suficientemente ancha, Webflow genera un conjunto de variantes más estrechas, en el caso de las imágenes en línea JPG, PNG y WebP. Las imágenes añadidas mediante una importación CSV o la API no reciben esas variantes, y Webflow dice que ya deberían tener el tamaño correcto y estar optimizadas. Un catálogo que entra por importación necesita, por tanto, tener los archivos preparados de antemano. ## Lo que Webflow exige. Fuente: [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). Comprobado el 12 de octubre de 2026. - **Peso del archivo:** 4 MB como máximo para cada imagen - **Tamaño:** Puede subirse una imagen de cualquier tamaño siempre que el archivo quede por debajo del límite de 4 MB; las imágenes WebP tienen un límite de 16.383 píxeles por lado - **Formatos:** PNG, JPEG, SVG y WebP se citan como los mejores formatos de imagen para subir - **No permitido:** Imágenes SVG en los campos de imagen de producto y de variante, y archivos AVIF animados - **Número:** Un producto tiene un campo Main image y un campo de varias imágenes More images, que admite hasta 25 imágenes - **Imágenes adaptables:** Para una imagen de más de 3200 píxeles de ancho, Webflow genera 7 variantes de 3200, 2600, 2000, 1600, 1080, 800 y 500 píxeles; las variantes se crean para las imágenes JPG, PNG y WebP insertadas como elementos de imagen - **Importaciones por CSV y API:** Las imágenes añadidas mediante una importación CSV o la API no reciben variantes adaptables, por lo que deberían tener ya el tamaño adecuado y estar optimizadas - **WebP y AVIF:** Los archivos JPEG y PNG pueden convertirse a WebP o AVIF con la herramienta de conversión integrada; la conversión es con pérdida y sustituye al archivo original - **Texto alternativo:** Puede definirse texto alternativo para cada imagen, incluida cada imagen de un campo de varias imágenes; Webflow AI puede generarlo para JPG, PNG, GIF, WebP y AVIF [Webflow: requisitos de imagen de producto](https://herofab.app/es/guides/webflow-ecommerce-product-image-size) · [Compruebe sus imágenes gratis](https://herofab.app/es/tools/image-size-checker) ## La foto detrás de una página de producto de Webflow. - Haga una foto del producto entero y otra de cerca de su parte más fina, un cierre, una esfera o una etiqueta cosida; el campo More images tiene sitio para una vista de detalle junto a la principal. - Mantenga todos los bordes del producto dentro de la foto con un margen alrededor; una parte cortada por el encuadre no puede añadirse después con fidelidad, sea cual sea la escena que se elija más tarde. - Anote el nombre, el material y el color del producto mientras lo tiene en la mano: Webflow permite definir un texto alternativo para cada imagen, incluidas las del campo More images. ## Fotos de producto para Webflow: respuestas. **¿Va a una tienda Webflow el PNG o el JPG?** El JPG, en la mayoría de los casos. Webflow limita el peso de cada archivo de imagen, y un PNG en 2K de Herofab puede pesar más que ese límite, mientras que el JPG de la misma imagen es más ligero. PNG y JPEG figuran ambos entre los formatos que Webflow nombra para la subida. Si se quiere un PNG, conviene leer antes su peso; el comprobador de tamaño de imagen gratuito contrasta un archivo en el navegador con el límite publicado por Webflow. **¿Puede usarse la herramienta de conversión de Webflow con imágenes de Herofab?** La herramienta integrada de Webflow convierte los recursos JPEG y PNG a WebP o AVIF. Webflow describe la conversión como una conversión con pérdida y dice que sustituye el archivo original. Conserve fuera de Webflow, como copia maestra, el archivo descargado de Herofab antes de convertir, y mire la letra fina del producto una vez hecha la conversión. **¿Cuántas imágenes admite un producto de Webflow?** Una en el campo Main image y un número fijo más en el campo More images; la cifra está en la tabla de esta página. El estudio de producto puede mostrar el producto de frente, de tres cuartos, de lado o desde arriba, sobre un fondo liso o en una escena, todo a partir de una foto de origen. Cada imagen añadida es otro archivo sujeto al límite de peso, y cada una puede llevar su propio texto alternativo. **¿Cuánto cuesta?** 4 créditos por imagen, más un crédito para 4K. El coste se muestra antes de generar y, si un trabajo falla, los créditos se devuelven. Los 20 créditos gratuitos del registro cubren 5 imágenes con esta herramienta. [Estudio de producto](https://herofab.app/es/tools/product-photography) · [Imagen principal](https://herofab.app/es/glossary/main-image) · [Imagen de ambiente](https://herofab.app/es/glossary/lifestyle-image) · [Relación de aspecto](https://herofab.app/es/glossary/aspect-ratio) Ejemplos por producto [Fotos de producto para Square Online](https://herofab.app/es/tools/product-photos-for-square-online) · [Fotos de producto para Lightspeed eCom](https://herofab.app/es/tools/product-photos-for-lightspeed) · [Fotos de producto para Big Cartel](https://herofab.app/es/tools/product-photos-for-big-cartel) · [Fotos de producto para SHOPLINE](https://herofab.app/es/tools/product-photos-for-shopline) · [Fotos de producto para Wayfair](https://herofab.app/es/tools/product-photos-for-wayfair) · [Fotos de producto para Orderchamp](https://herofab.app/es/tools/product-photos-for-orderchamp) · [Fotos de producto para ABOUT YOU](https://herofab.app/es/tools/product-photos-for-about-you) · [Fotos de producto para Trendyol](https://herofab.app/es/tools/product-photos-for-trendyol)