--- title: "Fotos de producto para WooCommerce sobre fondo blanco | Herofab" description: "Una foto de móvil de un producto pasa a ser un packshot cuadrado sobre blanco, con tamaño para la imagen individual, el catálogo y la miniatura de WooCommerce." url: https://herofab.app/es/tools/product-photos-for-woocommerce language: es updated: 2026-10-12 --- # Un packshot, tres tamaños de imagen de WooCommerce. WooCommerce genera sus tamaños de visualización a partir de una sola subida: la imagen del producto individual, la imagen de catálogo y la miniatura, cada una con las dimensiones que fija el tema. El estudio de packshot de Herofab entrega el producto solo sobre un fondo blanco de estudio a partir de una foto de móvil, en 2K o 4K, por encima del tamaño de subida que WooCommerce recomienda. [Empezar gratis](https://app.herofab.app/login?lang=es) · [Estudio de packshot](https://herofab.app/es/tools/packshot-studio) ![El tote de piel marrón solo sobre un fondo de estudio blanco, vista frontal](https://herofab.app/img/ex/tote-packshot-1100.webp) Hecho con Herofab · Estudio de packshot ## Qué hace un tema con una imagen de producto. 1. ### Tres tamaños de una sola subida WooCommerce trabaja con tres tipos de imagen: la imagen del producto individual, las imágenes de catálogo de los bucles de productos, como la página de tienda, y las miniaturas de producto. Todas se generan a partir de la subida. Recomienda un tamaño mínimo de subida y prefiere imágenes mayores para el detalle fino. La salida en 2K y en 4K de Herofab supera ese tamaño en todas las proporciones. 2. ### Un cuadrado para el recorte del catálogo Las miniaturas del catálogo pueden recortarse en cuadrado, recortarse a una proporción personalizada o dejarse sin recortar, y las imágenes sin recortar pueden aparecer en tamaños desiguales. Un packshot cuadrado encaja en el ajuste cuadrado sin ningún corte en el producto. Cada packshot muestra el producto una sola vez, centrado y ocupando la mayor parte del encuadre, de modo que los artículos de una página de tienda aparecen a una misma escala. 3. ### Zoom, pantallas retina y miniaturas regeneradas En el tema Storefront, la imagen del producto individual más grande tiene el tamaño que requiere su efecto de zoom, y para las pantallas retina WooCommerce aconseja miniaturas ajustadas al doble del tamaño que muestra el tema. Una subida grande deja margen para ambas cosas. Cuando se activa un tema nuevo o cambian las dimensiones de imagen, las miniaturas existentes tienen que regenerarse. ## Lo que WooCommerce exige. Fuente: [WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images](https://woocommerce.com/document/adding-product-images-and-galleries/). Comprobado el 11 de octubre de 2026. - **Recomendado:** Suba imágenes de al menos 800 × 800 píxeles; las imágenes más grandes son mejores para productos con detalles finos - **Tipos de imagen:** Tres tipos: la imagen de producto individual, las imágenes de catálogo en los bucles de productos, como la página de la tienda, y las miniaturas de producto - **Redimensionado:** WooCommerce genera los tamaños de visualización a partir de la imagen subida; en los temas clásicos, la imagen de producto individual tiene por defecto 600 píxeles de ancho, las miniaturas de catálogo 300 píxeles de ancho y las miniaturas de galería 100 × 100 píxeles - **Recorte:** Las miniaturas de catálogo pueden ajustarse a 1:1, a una proporción personalizada o dejarse sin recortar; las imágenes sin recortar pueden aparecer en tamaños desiguales - **Tema Storefront:** En el tema Storefront, la imagen de producto individual más grande es de 800 × 800 píxeles, el tamaño que requiere su efecto de zoom - **Retina:** Para obtener imágenes nítidas en pantallas retina, ajuste las miniaturas al doble del tamaño que muestra el tema - **Cambios:** Después de activar un tema nuevo o de cambiar los ajustes de dimensiones de imagen, es necesario regenerar las miniaturas creadas anteriormente [WooCommerce: requisitos de imagen de producto](https://herofab.app/es/guides/woocommerce-product-image-size) · [Compruebe sus imágenes gratis](https://herofab.app/es/tools/image-size-checker) ## Una foto de móvil para un packshot de WooCommerce. - Coloque el producto en una posición compacta, con las asas erguidas y los cordones o correas recogidos cerca, para que llene un cuadrado sin esquinas anchas y vacías. - Una mesa, una mano, una caja o una etiqueta de precio pueden quedarse en la foto, ya que la herramienta tiene instrucciones de usar solo el producto; lo que cuenta es que ninguno de ellos tape una parte de él. - Toque la pantalla para enfocar la etiqueta o la costura más fina antes de disparar; el zoom de un tema amplía la imagen del producto individual, y la falta de nitidez de la foto de origen se nota ahí primero. ## Fotos de producto para WooCommerce: respuestas. **¿Necesita una tienda WooCommerce un archivo distinto para cada tamaño de imagen?** No. WooCommerce genera la imagen del producto individual, la imagen de catálogo y la miniatura de la galería a partir de una sola subida, con las dimensiones que fija el tema. Lo que la subida debe aportar son píxeles suficientes: WooCommerce recomienda un mínimo y prefiere imágenes mayores para el detalle fino. Los packshots se entregan en 2K, o en 4K como opción, y ambos superan esa recomendación. **¿Por qué las imágenes del catálogo salen en tamaños desiguales?** WooCommerce permite dejar sin recortar las miniaturas del catálogo, y las imágenes sin recortar de formas distintas pueden aparecer entonces en tamaños desiguales. Dos cosas lo resuelven: un ajuste de recorte, cuadrado o de proporción personalizada, y subidas que ya comparten una misma forma. Los packshots pedidos en cuadrado para cada producto encajan tal cual en el ajuste cuadrado. Si el ajuste se cambia más adelante, las miniaturas tienen que regenerarse. **¿Puede el packshot llevar sombra o un fondo que no sea blanco?** Ambas cosas son ajustes. El estudio de packshot ofrece una sombra de contacto suave, sin sombra o un reflejo, y además del estudio blanco puede colocar el producto sobre gris o beige, sobre mármol, madera o lino, sobre un podio, en exterior, en un ambiente de hogar o sobre la imagen propia de la tienda. Las reglas de WooCommerce recogidas en esta página se refieren al tamaño y al recorte y no prescriben ningún fondo, así que la elección corresponde a la tienda. **¿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 packshot](https://herofab.app/es/tools/packshot-studio) · [Estudio de producto](https://herofab.app/es/tools/product-photography) · [Imagen principal](https://herofab.app/es/glossary/main-image) · [Fondo blanco puro](https://herofab.app/es/glossary/pure-white-background) · [Packshot](https://herofab.app/es/glossary/packshot) Ejemplos por producto [Fotos de producto para Ecwid](https://herofab.app/es/tools/product-photos-for-ecwid) · [Fotos de producto para Etsy](https://herofab.app/es/tools/product-photos-for-etsy) · [Fotos de producto para Shopify](https://herofab.app/es/tools/product-photos-for-shopify) · [Fotos de producto para Faire](https://herofab.app/es/tools/product-photos-for-faire) · [Fotos de producto para Squarespace](https://herofab.app/es/tools/product-photos-for-squarespace) · [Fotos de producto para Wix](https://herofab.app/es/tools/product-photos-for-wix) · [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)