Cómo subir fotos a tu web para que pesen poco pero se vean bien

El éxito de una página web depende de la calidad de sus fotografías (especialmente tiendas online), pero también depende de la velocidad. Si subes una foto pesada (como salen de la cámara), tu web tardará en cargar y el cliente se irá antes de comprar.

El secreto está en el equilibrio: queremos fotos que se vean increíbles, pero que pesen lo mínimo posible.

Sigue estos pasos antes de subir cualquier imagen a tu web:

1. La Regla de Oro: Medidas y Formato

Para que tus productos se vean perfectos en celulares (donde te visitan el 80% de tus clientes) y no ralenticen la web, usa estos estándares:

• Tamaño (Ancho): 1080 px. (No necesitas más. Una pantalla de celular o una columna de producto en la web no usa más que esto. Subir 4000px es desperdiciar recursos).

• Formato: WebP. (Es el formato moderno de Google. Pesa la mitad que un JPG y se ve igual de bien). Nunca subas .png, .tiff u otros archivos pesados.

• Peso ideal: Intenta que cada foto pese menos de 150kb.

2. El nombre del archivo (Vital para el SEO)

Nunca subas una foto con el nombre IMG_9532.jpg o WhatsApp_Image_2024.jpeg. Google no sabe qué es eso.

Antes de editarla, cámbiale el nombre describiendo lo que se ve, usando guiones medios para separar las palabras:

• ❌ Mal: foto1.jpg

• ✅ Bien: zapatillas-deportivas-rojas-mujer.webp

3. Cómo optimizar tus fotos (Paso a Paso Gratuito)

No necesitas Photoshop. Puedes usar herramientas online gratuitas como ILoveIMG o Squoosh. Aquí te explicamos cómo hacerlo rápido con una herramienta online:

Paso 1: Redimensionar (Cambiar el tamaño)

1. Entra a una herramienta de edición online (busca «Redimensionar imagen online»).

2. Sube tus fotos.

3. En las opciones de tamaño, busca donde dice Ancho (Width) y escribe 1080. (Deja que la altura se ajuste automática para no deformar la foto).

4. Dale al botón de Redimensionar y descarga.

Paso 2: Convertir a WebP (Bajar el peso)

1. Ahora, busca una herramienta de «Convertir JPG a WebP».

2. Sube las fotos que acabas de achicar (las de 1080px).

3. Dale a «Convertir» y descárgalas.

4. ¡Listo! Ahora tienes archivos .webp livianos y con el tamaño perfecto.

4. ¿Cuándo usar fotos más grandes?

La regla de los 1080px aplica para el 90% de tu web (Productos, Blog, Equipo).

La única excepción es si tienes una Portada de Pantalla Completa (Banner Principal). En ese caso único, puedes usar 2560px o mínimo 1920px de ancho para que se vea nítida en monitores grandes de escritorio, pero asegúrate siempre de pasarla por un compresor WebP para que no exceda los 300kb.

Resumen para imprimir:

1. Renombra el archivo (ej: nombre-producto.jpg).

2. Achica el ancho a 1080px.

3. Convierte a formato WebP.

4. Sube a tu web. Recuerda que en el backend de tu WordPress lo encontrarás en la columna izquierda como un tab titulado Medios.