Fotografía de producto para PrestaShop: toma, prepara y publica

Qué haríamos

Haríamos una prueba con una familia de productos representativa antes de volver a fotografiar el catálogo o comprar equipo. Usa las preguntas de clientes y los motivos de devolución para identificar qué información visual falta y después decide si el problema está en la fotografía, el archivo generado o los controles de la galería. El enfoque depende del tema actual, los módulos de imagen, las integraciones de importación y feeds, la calidad de origen, los idiomas y mercados, y el tiempo que tu equipo puede dedicar a mantener el resultado.

Para cambiar tipos de imagen, formatos o software de galería, usa una copia de pruebas con el mismo tema y módulos. Aísla sus feeds salientes y mensajes a clientes. Guarda los archivos de imagen y los ajustes actuales, ensaya la generación y las comprobaciones siguientes y demuestra que puedes restaurar el resultado anterior. Aplica el cambio probado durante un periodo planificado en producción, con alguien responsable de comprobar después la tienda y los feeds.

Si quieres instalar y probar un módulo de galería elegido, PrestaShop Module Installation & Configuration Service cubre su configuración acordada y el recorrido de cliente pertinente.

Planifica la galería según las preguntas del cliente

Empieza por la información que necesita el cliente para elegir el artículo adecuado. Adapta la lista de tomas al producto en lugar de cumplir una cuota fija de imágenes. Anota en la lista qué pregunta responde cada vista prevista. Si soporte explica repetidamente un conector, forro o cierre que la galería nunca muestra, dale prioridad en la sesión de fotos.

Elimina las imágenes casi duplicadas que no aportan información. Prueba el orden en escritorio y móvil. Empieza con una portada clara y coloca después las vistas de escala, contexto o detalle más útiles al principio. El orden de la galería, la selección de portada y el comportamiento del zoom dependen de tu tema.

En el editor de productos, sube imágenes, elige la portada y ordena sus posiciones. Comprueba por separado listados de categorías, páginas de producto, vista rápida y feeds. Un módulo de feeds puede aplicar sus propias reglas de selección de imágenes.

Un ejemplo práctico: un bolso bandolera

Supón que los compradores preguntan si en un bolso cabe su portátil y si la correa se puede quitar. Conserva una portada clara, añade una vista del compartimento abierto con un portátil reconocible y un primer plano del enganche de la correa. Indica también las medidas del compartimento en la descripción: el dispositivo mostrado es un ejemplo, no una promesa de que quepa cualquier portátil. Coloca pronto en la secuencia la vista que responda a la pregunta más frecuente.

Para las combinaciones de color, asocia las fotografías correctas a las combinaciones correspondientes y prueba cada selección. Una portada azul seguida de detalles marrones puede sugerir que el cliente ha cambiado de variante. Muestra detalles de construcción compartidos solo cuando la diferencia de color quede clara y comprueba que el carrito y el feed seleccionen la imagen prevista.

Si tu galería actual no ofrece los controles necesarios para examinar el producto, Gallery Revolution ofrece zoom y vista a pantalla completa con las imágenes existentes del catálogo. Pruébalo con tu tema y los cambios de combinación antes de sustituir la galería actual.

Crea un montaje casero de fotografía repetible

Un teléfono o cámara, un soporte estable, un fondo liso y luz controlable te dan una base útil. Prueba el equipo que ya tienes antes de comprar más. La guía de fotografía de producto de Shopify incluye un montaje práctico con luz de ventana.

1. Limpia el producto y la lente de la cámara. Retira polvo, huellas y restos de embalaje.
2. Curva una hoja de papel o cartulina desde la pared hasta la mesa para crear un fondo sin esquina visible.
3. Coloca el producto junto a una ventana con luz indirecta. Prueba luz desde un lado y pon una cartulina blanca enfrente para aclarar las sombras.
4. Difumina la luz solar intensa y evita mezclar la luz de la ventana con iluminación interior de otro color. Comprueba el balance de blancos cada vez que cambie la luz.
5. Fija la cámara en un trípode o soporte estable. Registra la altura de cámara, la distancia al producto y la posición del fondo y reflector.
6. Haz una toma de prueba. Comprueba enfoque, reflejos, exposición y color del producto antes de fotografiar el lote. Abre la toma de prueba a tamaño completo antes de fotografiar el lote y vuelve a comprobarla tras mover la cámara o el producto; la vista previa de la cámara puede ocultar errores de enfoque. Conserva una toma de referencia aprobada junto a los lotes posteriores.

Cuando la luz diurna sea demasiado variable, prueba luces artificiales difusas y mantén sus posiciones. Dos luces a ambos lados son un montaje que probar, no un requisito. El vidrio, las joyas y los acabados reflectantes pueden necesitar pantallas de bloqueo, difusión o ayuda especializada.

En un teléfono, empieza con la cámara principal y evita el zoom digital. Usa la lente que permita el encuadre necesario sin deformar el producto. Desactiva el flash integrado para el montaje inicial. Bloquea enfoque y exposición cuando la cámara lo permita y conserva suficiente resolución de origen para recortes y zoom posteriores.

Edita con coherencia y conserva un original útil

1. Corrige el balance de blancos y la exposición comparando la foto con el producto real. Conserva la textura, el color y el acabado.
2. Endereza la imagen y recorta a la proporción usada en tu catálogo. Deja espacio para que el redimensionado posterior no acerque demasiado los bordes.
3. Limpia el polvo y las distracciones del fondo. Inspecciona los resultados de eliminación de fondo en bordes transparentes, reflectantes y finos.
4. Aplica encuadre, brillo y tratamiento del fondo coherentes en una familia de productos. Aplica por lotes ajustes similares y revisa después cada imagen.
5. Conserva el original maestro por separado. Exporta una copia web con dimensiones justificadas por el mayor tamaño de visualización y los requisitos de zoom de tu tema.

No hay un límite universal de 1.200 o 2.000 píxeles. Elige las dimensiones según el tamaño renderizado, la relación de píxeles del dispositivo, el recorte previsto y el detalle del zoom. Una fuente de alta resolución puede ser útil para primeros planos aunque la miniatura de categoría sea pequeña.

Compara los ajustes de compresión al tamaño de visualización. Busca desenfoque, halos, texturas deterioradas y cambios de color. JPEG es adecuado para muchas fotografías; PNG puede conservar la transparencia. El peso del archivo y la calidad visual dependen del contenido y del codificador. Un valor de calidad es un punto de partida para revisar, no una garantía.

Usa nombres descriptivos de origen como blue-cotton-shirt-front.jpg para gestionar tu archivo. PrestaShop nativo almacena las imágenes de producto con ID de imagen generados, así que renombrar el archivo antes de subirlo no cambia directamente su URL de imagen publicada.

Mantén un registro de tomas que vincule cada original maestro con la referencia de producto, combinación, vista y exportación aprobada. Facilita el mismo registro a quien suba las imágenes. Es fácil confundir productos similares y variantes de color, y una importación puede sustituir una portada cuidadosamente elegida si sus reglas de imagen difieren del flujo manual.

Considera fotografía especializada para artículos reflectantes difíciles, escenas preparadas, modelos o vídeo de producto cuando tu montaje no pueda cumplir las instrucciones. Compara presupuestos por número de tomas, retoque, derechos de uso y entregables.

Ajusta los tipos de imagen a tu tema

PrestaShop genera archivos redimensionados para los tipos de imagen en Diseño → Ajustes de imágenes. Son habituales nombres como home_default, large_default y cart_default, pero el tema determina qué tipos usa y dónde.

1. Inspecciona el elemento de imagen en el navegador. Compara sus dimensiones renderizadas con las dimensiones reales en píxeles de la imagen solicitada.
2. Elige tamaños de tipos de imagen que aporten suficiente detalle para la ventana y densidad previstas. Comprueba la vista completa del producto y el zoom, no solo la cuadrícula.
3. Mantén los originales maestros lo bastante grandes para esas salidas. Redimensionar no puede recrear el detalle que falta en una fuente pequeña.
4. Revisa el almacenamiento y el trabajo de regeneración antes de añadir tipos o formatos. Por ejemplo, 1.000 productos con cinco imágenes y ocho tipos aplicables producen 40.000 salidas específicas de tipo para un formato generado, antes de otros archivos.
5. Elimina un tipo solo después de comprobar que temas, módulos, emails y feeds no lo usan.

El relleno y el recorte tienen causas distintas

El redimensionado del núcleo conserva las proporciones de origen y puede añadir relleno al lienzo. Si el archivo generado muestra el producto completo pero la página lo corta, inspecciona contenedores de altura fija, CSS object-fit, plantillas del tema y módulos de transformación de imágenes. Si el propio archivo está recortado, inspecciona el original subido y cualquier proceso de transformación.

Cambiar la proporción del tipo de imagen puede mejorar la composición, pero no elimina automáticamente un recorte impuesto por el tema. Comprueba por separado el archivo generado y el elemento renderizado.

Localiza un fallo con una imagen representativa

Si una lámpara alta pierde la pantalla en una tarjeta de categoría, abre la URL exacta de imagen que solicita esa tarjeta. Si el archivo muestra la lámpara completa, el problema apunta al diseño de página o a una transformación de visualización; si falta la pantalla en el archivo, debes revisar el origen y el proceso de generación. Si el encuadre es correcto pero la lámpara se ve poco nítida, compara el original, el archivo generado y las dimensiones renderizadas antes de cambiar un tamaño. Repite la comprobación tras aplicar la corrección específica.

Regenera miniaturas y verifica los formatos modernos

Tras cambiar dimensiones de imagen o formatos de generación, reconstruye las salidas pertinentes en Diseño → Ajustes de imágenes → Regenerar miniaturas. Elige el dominio y tipo de imagen afectados cuando esté disponible. Haz antes una copia de las imágenes y ejecuta las regeneraciones grandes fuera de horas punta. Para sustituir miniaturas existentes tras cambiar el tamaño, activa Borrar imágenes anteriores. Para reanudar una ejecución interrumpida, deja esa opción desactivada para conservar los archivos completados.

PrestaShop 9.1 añadió el comando nativo de consola para miniaturas. Tras hacer una copia de las imágenes, ejecútalo desde la raíz de la tienda para eliminar las miniaturas de producto existentes y reconstruirlas:

php bin/console prestashop:thumbnails:regenerate products --delete

El dominio de imagen es obligatorio. Omite --delete al reanudar una reconstrucción interrumpida. Consulta la referencia del comando y la ayuda del comando instalado para otros dominios y selección de tipos. Las versiones anteriores necesitan la herramienta del back office o una tarea compatible con soporte independiente. CLI evita el tiempo de espera de una solicitud del navegador, pero sigue sujeta a ajustes de memoria y ejecución de PHP y límites del alojamiento.

La generación y la entrega son comprobaciones independientes. En las herramientas de desarrollo del navegador, revisa la URL solicitada, el tipo de contenido de la respuesta, las dimensiones y el tamaño transferido. Confirma que el tema selecciona el formato previsto y dispone de una alternativa funcional. Prueba colores, texturas y bordes transparentes representativos en lugar de dar por supuesto un porcentaje fijo de ahorro.

Comprueba la carga diferida en la página renderizada. Retrasa las imágenes de la galería que quedan fuera de pantalla cuando proceda, pero permite que la imagen principal visible del producto cargue enseguida. Si tu tema actual no lo gestiona de forma fiable, Automatic SEO Images Lazy Tags ofrece controles para las imágenes diferidas y excepciones individuales; comprueba si se solapa con el código de carga existente. Consulta optimización de imágenes en PrestaShop para las comprobaciones de entrega.

Ensaya la actualización del catálogo

1. Incluye ejemplos difíciles en la prueba: un artículo alto, un acabado reflectante, transparencia si la usas y un producto con combinaciones de color.
2. Registra las dimensiones actuales de los tipos, los formatos, los ajustes de galería y las asociaciones de imágenes. Conserva una copia de seguridad restaurable de los archivos y datos de imagen pertinentes antes de cambiarlos.
3. Genera las salidas afectadas y comprueba si faltan archivos, hay errores del servidor o se alcanzan límites de recursos. No borres repetidamente las salidas existentes para reiniciar una tarea interrumpida.
4. Ejecuta las comprobaciones de la tienda indicadas abajo y una exportación de feed de prueba. Identifica quién genera, despliega y restaura cada parte afectada.
5. Aplica los cambios probados a la tienda actual en producción durante el periodo acordado. No sobrescribas pedidos actuales ni cambios del catálogo con la base de datos de pruebas. Vuelve a comprobar URL representativas de producción y purga las cachés de imagen pertinentes si siguen sirviendo los archivos anteriores.

Escribe leyendas útiles y prueba la galería terminada

Edita las leyendas o pies en el editor de imágenes del producto, incluidas las versiones de idioma necesarias. El texto alternativo de respaldo varía según versión y tema. En PrestaShop 9, el presentador de imágenes de producto usa primero una leyenda no vacía, después el metatítulo del producto si no está vacío y, en caso contrario, el nombre del producto. En PrestaShop 1.7.8, las plantillas de galería de Classic proporcionan el nombre del producto cuando la leyenda presentada está vacía; su plantilla de listado puede acortarlo. Inspecciona el atributo alt renderizado en cada vista.

Para una foto informativa, describe el detalle útil que la distingue: Blue leather messenger bag, rear pocket open. Evita listas de palabras clave. Las imágenes con enlace necesitan texto que comunique su finalidad. Para las imágenes puramente decorativas, comprueba que el HTML renderizado contenga alt="". Dejar la leyenda vacía puede activar los valores alternativos anteriores; pide a tu desarrollador que ajuste la plantilla pertinente si es necesario, siguiendo las recomendaciones del W3C.

Las recomendaciones de Google sobre imágenes cubren la URL publicada, el texto alternativo y el contenido relevante que las rodea. Google no lee el nombre local del archivo de origen antes de subirlo. Para patrones de leyendas generadas, consulta la página de ayuda de Automatic SEO Images Alt Tags; previsualiza los cambios masivos, conserva los textos existentes útiles y revisa que las descripciones generadas sean precisas para cada imagen. Los patrones basados solo en el nombre del producto no distinguen un bolsillo abierto de una vista frontal, así que añade esas diferencias a las leyendas correspondientes.

1. Abre el producto en teléfono y escritorio. Prueba el deslizamiento, los controles, la ampliación, la navegación por teclado y los cambios de imagen por variante.
2. Inspecciona las vistas de categoría, carrito y producto para detectar falta de nitidez, recorte, relleno excesivo y desplazamientos de diseño.
3. Comprueba que las imágenes importantes cargan rápido y que el contenido coincide con el artículo físico y los accesorios incluidos.
4. Prueba un cambio de galería cada vez, como ángulo de portada, orden o número de vistas útiles. Usa tráfico comparable y ten en cuenta promociones y estacionalidad.
5. Supervisa conjuntamente añadir al carrito, compras, preguntas de soporte y motivos de devolución. Elige un tamaño de muestra y duración que puedan fundamentar tu decisión en vez de un umbral fijo de visitas o semanas.

Qué preguntar a tu desarrollador o agencia

• ¿Qué tipos y archivos de imagen solicita realmente nuestro tema en los listados, la vista rápida, la galería y el zoom?
• ¿Qué importador o integración de feeds puede sobrescribir portadas, posiciones, leyendas o asociaciones de combinaciones?
• ¿Podéis mostrar los resultados de pruebas sobre entrega de formatos, alternativa de respaldo, controles móviles y combinación seleccionada?
• ¿De qué se hará copia de seguridad, cómo se reanudará la regeneración tras una interrupción y quién restaurará los archivos y ajustes si falla el lanzamiento?

Conserva juntos la lista de tomas acordada, los parámetros de exportación, los cambios de configuración y los resultados de aceptación. Tu equipo debería poder publicar la siguiente familia de productos sin adivinar cómo se preparó la primera.

Preguntas de los responsables de tiendas

¿Puede el vídeo sustituir a las fotografías?

Usa vídeo para una pregunta que requiera movimiento, como la apertura de un mecanismo plegable. Conserva vistas fijas que los compradores puedan examinar sin reproducirlo. Comprueba la reproducción móvil y el coste inicial de carga de la página antes de añadir vídeo a toda una familia de productos.

¿Cómo doy instrucciones a un fotógrafo sin perder el control del resultado?

Acuerda un producto de muestra y aprueba su galería de prueba antes de encargar el lote. Especifica las vistas necesarias, el margen de recorte, la referencia de color, los originales maestros, las exportaciones web y los derechos de uso, incluidos los canales donde aparecerán las imágenes.

¿Puedo reutilizar fotografías del proveedor?

Confirma el permiso para el uso previsto en tu tienda y publicidad, y comprueba que las fotos muestren exactamente la versión, el acabado y los artículos incluidos que se suministran. Las imágenes del proveedor pueden complementar tus vistas de escala o detalle; conserva el permiso y la correspondencia con los productos junto al registro de tomas.

¿Tengo que repetir las fotos al cambiar de tema?

Revisa los originales maestros archivados según las necesidades de encuadre y ampliación del nuevo tema. Si son adecuados, puede bastar con una nueva exportación o regenerar las salidas. Repite las fotos cuando el original carezca del detalle o la vista necesarios y prueba la nueva galería antes de extenderla a todo el catálogo.