Optimización de fichas de producto
Cómo comprimir fotos de producto sin perder calidad
· 4 min read
Redimensiona la foto de producto a las dimensiones en píxeles con las que se muestra de verdad y expórtala como WebP o AVIF, que suelen pesar entre un 25 y un 50 por ciento menos que un JPEG con la misma calidad visual. Apunta a unos 100 a 300KB por imagen según su papel en la página. El criterio de Largest Contentful Paint de Google considera lenta una página que pasa de 2,5 segundos, y una foto principal demasiado pesada suele ser el único recurso que impide cumplirlo.
Hazlo con RorlAIProduct: Clean studio backdrop for anything boxed or bottled.Por qué el peso del archivo es un problema de conversión, no solo de carga
Largest Contentful Paint mide cuánto tarda en renderizarse por completo el elemento visible más grande de una página. Según los umbrales de Google, menos de 2,5 segundos es bueno, de 2,5 a 4 segundos necesita mejoras y más de 4 segundos es malo. En una ficha de producto, el elemento visible más grande casi siempre es la foto principal. Es decir, un solo archivo de imagen demasiado pesado puede decidir por sí solo si tu página supera o no el listón, por rápido que cargue todo lo demás.
No es un ejercicio abstracto de puntuación. Una foto principal que tarda en cargar es lo primero que vive el comprador en tu anuncio, antes de leer una sola palabra de la descripción o ver el precio.
Un presupuesto de peso realista
| Función de la imagen | Objetivo razonable |
|---|---|
| Foto principal, con zoom | 150 a 300KB |
| Imagen secundaria de galería o miniatura | 60 a 120KB |
| Foto principal en móvil, en la parte superior | menos de 150 a 200KB aproximadamente |
Son objetivos de trabajo recopilados de guías actuales de optimización de imágenes, no una especificación oficial de una plataforma, y variarán algo según la complejidad de la imagen. Un producto liso sobre fondo blanco se comprime más que una escena cargada antes de que la pérdida de calidad se note, así que trata la tabla como un techo y no como una regla que haya que clavar.
El orden de pasos que de verdad ahorra bytes
- 1Redimensiona antes de comprimirUna cámara o una herramienta de generación suele exportar a 3000 o 4000 píxeles de ancho. Si la foto se muestra en un hueco de 1200 píxeles de tu página, redimensiónala primero a ese ancho aproximado. Comprimir una imagen sobredimensionada sigue enviando una imagen sobredimensionada, solo un poco más pequeña.
- 2Exporta en WebP si tu plataforma lo admiteWebP suele pesar entre un 25 y un 35 por ciento menos que un JPEG con la misma calidad visual, y AVIF puede ir todavía más lejos. La mayoría de las plataformas de ecommerce y los navegadores actuales admiten WebP; comprueba si la tuya lo sirve automáticamente o necesita que subas el archivo directamente en ese formato.
- 3Ajusta la calidad JPEG entre 70 y 85 cuando WebP no sea una opciónLos ajustes de exportación por defecto de los programas de edición suelen ser innecesariamente altos. Una calidad en este rango es visualmente indistinguible del original en la mayoría de las fotos de producto y bastante más ligera que una exportación al 100 por ciento.
- 4Elimina los metadatos incrustadosLos ajustes de la cámara, los perfiles de color que la página no necesita y los datos GPS que incrustan algunos móviles añaden peso que el comprador nunca ve. La mayoría de las herramientas de compresión los eliminan por defecto; confirma que la tuya lo hace.
La distinción que más importa:
- La compresión sin pérdida conserva cada píxel tal como se capturó y apenas reduce una fotografía. Sirve para gráficos de color plano y bordes nítidos, no para fotografía
- La compresión con pérdida descarta datos que el ojo humano difícilmente nota, y es ahí donde está el ahorro real en una foto
- Un codificador moderno bien configurado queda muy por debajo del punto en que un comprador nota la diferencia, mucho antes de llegar al punto en que tú la notarías
Dónde encaja una foto generada o editada
Una foto producida por cualquier herramienta de edición o generación necesita el mismo paso de redimensionado y compresión que una foto recién salida de la cámara. Estas herramientas suelen exportar a resolución completa por defecto, y una exportación a resolución completa tiene el mismo problema de peso, vengan los píxeles de un sensor o de un modelo. Trátala como un archivo en bruto que espera el mismo presupuesto, no como un recurso terminado.
Common questions
- ¿Comprimir mis fotos de producto las hará verse peor?
- No con un ajuste razonable. La compresión con pérdida en los rangos descritos aquí está pensada para descartar detalle que el ojo humano no registra, así que una foto bien comprimida se ve idéntica a tamaño normal y carga en una fracción del tiempo.
- ¿Debo usar WebP o quedarme con JPEG?
- Usa WebP si tu plataforma de tienda lo admite, ya que suele pesar entre un 25 y un 35 por ciento menos que un JPEG con la misma calidad. Vuelve a un JPEG bien ajustado solo si tu plataforma o tu tema no sirve WebP automáticamente.
- ¿Necesito tamaños de imagen distintos para móvil y escritorio?
- Idealmente sí. Un comprador en móvil ve la foto en un espacio mucho más pequeño que uno en escritorio, así que servir un archivo más pequeño en móvil ahorra tiempo de carga real sin pérdida visible de calidad en esa pantalla.
- ¿El peso de las imágenes afecta de verdad a las ventas o solo a una puntuación de velocidad?
- La velocidad de página y la conversión están tan ligadas que la mayoría de las plataformas de ecommerce ya la tratan como un factor de posicionamiento y conversión, no solo como una prueba de laboratorio. Una imagen principal que por sí sola empuja la página más allá del umbral de 2,5 segundos de Largest Contentful Paint es una lentitud real y medible que el comprador percibe, no una puntuación abstracta.