Para optimizar imágenes para web en una tienda online, guarda un original nítido de unos 2000 px en el lado más largo, haz copias más pequeñas para cada sitio donde se muestra la foto (ficha de producto, listado de categoría, marketplace), guárdalas en WebP o JPG con compresión e insértalas bien: un nombre de archivo descriptivo, texto alt, width y height, y carga diferida (lazy loading) para las fotos que quedan por debajo de la primera pantalla. La foto sigue nítida y la página pesa menos.
Las tiendas rara vez se equivocan con el formato. Se equivocan con la cantidad: una foto pesada pasa desapercibida, pero una página de categoría con cuarenta tarda segundos en abrirse en el móvil. Más abajo tienes los tamaños para tu web y para Amazon, Google Merchant Center, Etsy y eBay, cómo elegir formato, un cálculo del peso de la página, las reglas para el buscador y un checklist.
Cuándo empiezan las tiendas a optimizar imágenes
Casi siempre por una de tres razones: la web va lenta en el móvil, PageSpeed Insights marca las imágenes en rojo o un marketplace rechaza una foto. Entonces se busca «optimizar imágenes para web», «tamaño de imagen para web», «webp o jpg» y «requisitos de imágenes de Amazon».
Comprimir una foto online lleva un minuto. La pregunta difícil es qué hacer con miles de fotos que llegan cada día de los proveedores, cada una de un tamaño. Si tu catálogo tiene más de unas decenas de productos, empieza por ahí.
De dónde salen las fotos de producto y qué revisar
Las fotos de producto llegan de cuatro fuentes, y cada una tiene su problema típico:
| Fuente | Qué revisar |
|---|---|
| Tarifa o feed del proveedor | Tamaño en píxeles (a menudo 300–600 px), marcas de agua, enlaces rotos |
| Web del fabricante | Permiso de uso y que el color y el contenido coincidan con tu artículo |
| Tu propia sesión de fotos | El mismo fondo y las mismas proporciones en toda la categoría |
| Fotos generadas con IA | Que la foto coincida con el artículo real: color, detalles, qué incluye la caja |
Una foto tomada de otra web sin permiso te expone a la reclamación del titular de los derechos. Los marketplaces también rechazan fotos que no muestran el artículo real: Google exige el artículo exacto que se vende y eBay no admite fotos de catálogo para artículos usados. Cómo fotografiar tú los productos: fotos de producto sin estudio.
Qué tamaño deben tener las imágenes de producto
Guarda un original de unos 2000 px en el lado más largo y sirve copias según dónde se muestren: para la foto grande de la ficha de producto bastan 1000–1400 px; para la miniatura del listado de categoría, 300–400 px. Todo lo que supere el espacio que ocupa la foto en pantalla, contando la densidad de píxeles, el navegador lo reduce igualmente, mientras el archivo sigue pesando.
Cada marketplace pone sus límites, y conviene conocerlos antes de subir:
| Marketplace | Mínimo | Recomendado | Archivo | Foto principal |
|---|---|---|---|---|
| Amazon | 500 px, lado más largo | más de 1000 px para el zoom; mejor desde 1600 px | JPEG, TIFF, PNG, GIF no animado | Fondo blanco puro (RGB 255, 255, 255), el producto ocupa el 85–100 % del encuadre, sin texto, logotipos ni marcas de agua |
| Google Merchant Center | 500 × 500 px para todos los productos desde el 31 de enero de 2027 | unos 1500 × 1500 px | hasta 16 MB y 64 megapíxeles; JPEG, WebP, PNG, GIF, BMP, TIFF | Vista limpia del artículo, el producto ocupa el 75–90 % de la imagen, sin texto, marcas de agua ni bordes |
| Etsy | 635 px de ancho y alto para la primera foto | 2000 px de ancho y alto | los archivos de más de 1 MB pueden no terminar de subirse; JPG, GIF, PNG, SVG, HEIC | Primera foto horizontal o cuadrada |
| eBay | 500 px, lado más largo | — | — | Sin bordes, texto ni marcas de agua añadidos; sin fotos de catálogo para artículos usados |
La conclusión para un catálogo: un original cuadrado de 2000 × 2000 px sobre fondo blanco cumple con los cuatro y deja margen para el zoom. Encuadra el producto para que ocupe alrededor del 85–90 % de la imagen: es donde coinciden el 85–100 % de Amazon y el 75–90 % de Google. Para Etsy, exporta la copia en JPG y comprueba que no pase de 1 MB. Cómo vender en esos marketplaces: cómo vender en Etsy y cómo vender en eBay.
JPG, PNG, WebP o AVIF
Para las fotos de producto en tu web, usa WebP; para marketplaces y emails, JPG; para logotipos e imágenes con fondo transparente, PNG. Según Google, WebP con pérdida pesa un 25–34 % menos que JPEG con la misma calidad, y WebP sin pérdida un 26 % menos que PNG.
| Formato | Úsalo para | Límites |
|---|---|---|
| JPG | Fotos de producto, subidas a marketplaces, emails | Sin transparencia; cada vez que se vuelve a guardar pierde algo de calidad |
| PNG | Logotipos, esquemas, productos con fondo transparente | Una foto guardada en PNG pesa varias veces más que en JPG |
| WebP | Fotos en tu propia web | No todas las aplicaciones ni todos los marketplaces lo aceptan |
| AVIF | Tu web, cuando necesitas un archivo aún más pequeño | Formato más nuevo: Chrome desde 2020, Firefox desde 2021, Safari desde 2022 |
Si sirves WebP o AVIF, deja un JPG de respaldo en src o usa <picture>: un navegador que no conoce el formato mostraría un hueco vacío. La Búsqueda de Google indexa imágenes en BMP, GIF, JPEG, PNG, WebP, SVG y AVIF. Para comprimir, redimensionar o recortar unas cuantas fotos sin instalar nada, usa nuestra herramienta comprimir, redimensionar y recortar imágenes.
Cuánto debe pesar una foto: calcula la página
Cuenta el peso de la página, no el de una foto: número de fotos × peso de cada una. La página más pesada de una tienda es el listado de categoría, porque reúne decenas de miniaturas.
Ejemplo ficticio para hacer las cuentas. Una página de categoría muestra 40 productos. Si el listado usa las mismas fotos de 400 KB que la ficha de producto: 40 × 400 KB = 16 MB. Si usa miniaturas propias de 40 KB: 40 × 40 KB = 1,6 MB, diez veces menos, y en pantalla se ve igual.
De ahí salen objetivos de trabajo: una miniatura de categoría pesa decenas de kilobytes; una foto grande de producto, hasta unos cientos. Comprueba el resultado con la velocidad de la primera pantalla: Google considera bueno un LCP (el tiempo hasta que aparece el elemento más grande de la pantalla, a menudo la foto principal del producto) de hasta 2,5 segundos, medido en el 75 % de las visitas.
Cómo insertar las fotos para que el buscador las encuentre y la página no salte
Cuatro atributos se ocupan a la vez del buscador y de la velocidad: un nombre de archivo claro, alt, dimensiones y carga diferida.
- Nombre del archivo. Corto y descriptivo:
zapatillas-lavanda.webp, noIMG_4521.jpgni1.jpg; así lo recomienda Google. - alt. Lo que muestra la imagen: «Zapatillas lavanda, vista lateral». Sin listas de palabras clave: Google advierte de que rellenar el alt de palabras clave puede parecer spam.
- width y height. Ponlos en cada
<img>: el navegador reserva el espacio de antemano y el texto no se mueve cuando carga la foto. - loading="lazy". Solo para las fotos por debajo de la primera pantalla. No marques así la foto principal del producto: cargarla en diferido empeora el LCP.
Para pantallas distintas, ofrece varios tamaños con srcset, pero deja siempre una URL en src: algunos navegadores y rastreadores no entienden srcset.
Cuando tienes miles de fotos: procesarlas sin trabajo manual
La compresión a mano deja de funcionar cuando un proveedor añade productos nuevos cada día: cada tanda de fotos hay que redimensionarla, renombrarla y convertirla otra vez. Necesitas una regla que se aplique sola.
En Elbuz las fotos llegan con la tarifa del proveedor o con el parseo de una web, la ficha de producto reduce automáticamente las fotos demasiado grandes a 2000 píxeles de ancho y, al exportar los productos a tu web, el programa guarda las fotos en WebP, JPEG o PNG con el ancho y la calidad que fijes. Así, la regla «original de 2000 px, WebP del tamaño justo en la web» se configura una vez y se aplica a cada producto nuevo. Cómo funciona con las fotos de proveedores, las fotos de producto con IA y las descripciones: en la página contenido automático de productos.
A quién no le hace falta: si tienes unas decenas de productos y los fotografías tú, te bastan un compresor gratuito y el checklist de abajo.
Checklist para optimizar imágenes
- Original: unos 2000 px en el lado más largo, mismas proporciones dentro de una categoría.
- Foto principal: el producto fuera del embalaje sobre fondo blanco, sin marcas de agua, bordes ni texto; el producto ocupa alrededor del 85–90 % del encuadre.
- Para el listado de categoría: miniaturas propias de 300–400 px, no fotos grandes que reduce el navegador.
- En tu web: WebP con respaldo en JPG; para marketplaces y emails: JPG.
- Comprime desde el original, no desde una copia ya comprimida.
- Nombre del archivo con palabras, alt que describe la foto, sin listas de palabras clave.
- Cada
<img>con width y height; lazy solo por debajo de la primera pantalla. - Antes de subir a un marketplace, compara el tamaño mínimo y el formato con sus reglas vigentes.
Preguntas frecuentes
¿Cómo optimizar imágenes para web sin perder calidad?
Redimensiona la foto al tamaño en que se muestra y guárdala en WebP o JPG con una calidad de alrededor del 80 %: en pantalla no se nota la diferencia. Comprime desde el original, no desde una copia comprimida, y no amplíes fotos pequeñas: no ganan nitidez.
¿Qué tamaño deben tener las imágenes de una tienda online?
Un original de unos 2000 px, 1000–1400 px en la ficha de producto y 300–400 px en el listado de categoría. Una foto cuadrada de 2000 × 2000 px cumple además las recomendaciones de Amazon, Google Merchant Center, Etsy y eBay.
¿Qué es mejor, WebP o JPG?
Para tu propia web, WebP: según Google pesa un 25–34 % menos que JPEG con la misma calidad. Para subir a marketplaces y para emails, JPG es más seguro, y para logotipos y fondos transparentes, PNG.
¿Cuánto debe pesar una imagen para web?
Una miniatura de categoría, decenas de kilobytes; una foto grande de producto, hasta unos cientos. Más que el peso de una foto importa el de la página entera: número de fotos × peso de cada una, como en el cálculo de arriba.
¿Las imágenes influyen en el SEO?
Sí, de dos formas: las imágenes entran en Google Imágenes por el nombre del archivo, el alt y el texto cercano, y las fotos pesadas ralentizan la página y empeoran el LCP, el tiempo hasta que aparece el elemento principal de la pantalla.
¿Qué es la carga diferida (lazy loading) de imágenes?
El navegador carga una foto solo cuando el visitante se desplaza hasta ella. Se activa con el atributo loading="lazy", pero no en las fotos de la primera pantalla.
Fuentes
- Amazon Seller Forums, Listings Lounge — Product Image Requirements (publicación del equipo de Amazon: tamaño, formatos, zoom) y Product Photography Standards (publicación del equipo de Amazon: fondo, encuadre, texto). La página completa de requisitos de imágenes está en Seller Central tras iniciar sesión.
- Ayuda de Google Merchant Center — Enlace de imagen [image_link].
- Centro de ayuda de Etsy — Requirements and Best Practices for Images in Your Etsy Shop.
- Ayuda de eBay — Picture policy.
- Google for Developers — An image format for the Web (WebP).
- web.dev — Image formats: AVIF.
- Google Search Central — Prácticas recomendadas de SEO para imágenes de Google.
- web.dev — Largest Contentful Paint (LCP).
- web.dev — Browser-level image lazy loading for the web.
Comprobado el 01.11.2026.
