En resumen: las fotos sin optimizar son una de las causas más comunes de páginas lentas. Una imagen de celular puede pesar varios MB; en la web esa misma foto debería pesar unos cientos de KB. La solución es redimensionar (no necesitas más de ~1920px de ancho), usar formatos modernos como AVIF o WebP, y aplicar carga diferida (lazy loading). Una página rápida retiene más visitantes y posiciona mejor en Google.
Por qué las fotos de tu celular están matando tu página web (y tus ventas)
Ayer me escribió Carlos, dueño de una ferretería en Bogotá.
“Juli, subí las fotos de mis productos a la página web y ahora tarda una eternidad en cargar. ¿Será el hosting?”
Le pedí que me enviara una de las fotos.
La imagen pesaba 8 MB.
Una sola foto.
¿Sabes cuánto pesa toda mi página de inicio?
0.8 MB.
Su foto pesaba 10 veces más que toda mi página web.
Y tenía 47 fotos más así.
No wonder su página tardaba más en cargar que un bus del SITP en hora pico.
El problema no es tu hosting, son tus fotos de 8000x6000 píxeles
Mira, entiendo.
Compraste ese celular carísimo con cámara de 108 megapíxeles porque el vendedor te dijo que era “lo mejor para tu negocio”.
Y ahora tomas fotos en modo “profesional” para que se vean “bien chimba” en tu página web.
Pero aquí está el problemita:
Tu página web no es una valla publicitaria de 10 metros.
Es una pantalla de computador de máximo 1920 píxeles de ancho.
¿Para qué necesitas una foto de 8000 píxeles?
Es como llevar una tractomula para hacer un domicilio de empanadas.
Te muestro la cruda realidad con números
| Lo que tienes | Lo que necesitas |
|---|---|
| Foto de celular: 4000×8000px | Imagen para web: ~1200×800px |
| Peso: 8-12 MB | Peso ideal: 100-300 KB |
| Tiempo de carga: 15-30 segundos | Tiempo ideal: 2-3 segundos |
La diferencia es de decenas de veces en peso. Y cada segundo de más en cargar cuesta: una parte de tus visitantes se va antes de ver nada, sobre todo en móvil con datos.
“Pero Juli, las fotos verticales se ven divinas en Instagram”
Claro que sí.
Instagram fue diseñado para fotos verticales.
Tu página web NO.
¿Has intentado ver una película grabada verticalmente en tu televisor?
Quedan esas barras negras horribles a los lados.
Exacto.
Eso mismo pasa en tu página web.
Solo que peor, porque además de verse mal, destruye la experiencia del usuario.
Y Google lo nota.
Y te castiga.
Y bye bye ventas.
El día que perdí un cliente de $1,000 USD por una foto mal optimizada
Te cuento algo que me da pena admitir.
Hace 3 años, cuando creía que sabía todo sobre páginas web (qué ingenuo), un cliente me contrató para hacer su página corporativa.
Todo perfecto. Diseño elegante. Funcionalidad impecable.
Pero cometí un error de principiante: dejé que él subiera las fotos “tal cual” las tomaba.
Resultado:
- La página tardaba más de 20 segundos en cargar
- Casi nadie pasaba de la primera pantalla (la gente se iba sin ver nada)
- Enterrada en las últimas páginas de Google para su palabra clave principal… los infiernos de Google
El cliente canceló el contrato 😎☕.
Y tenía razón.
Una página lenta es una página muerta.
Cómo optimizar imágenes para web sin ser un genio de la tecnología
Paso 1: Entiende que web ≠ redes sociales
Las fotos para tu página web necesitan:
- Orientación horizontal (más ancha que alta)
- Resolución de 72 DPI (no 300 DPI como para imprimir)
- Formato AVIF o WEBP optimizado (olvídate del PNG para fotos)
Paso 2: El tamaño sí importa (y mucho)
Para páginas web responsive, estos son los tamaños ideales:
- Hero/Banner principal: 1920x1080px (máximo 500KB)
- Imágenes de productos: 800x600px (máximo 150KB)
- Miniaturas: 400x300px (máximo 50KB)
- Iconos: 100x100px (máximo 20KB)
Paso 3: Herramientas que salvarán tu página web
Opción para los que no saben nada (y está bien):
- TinyPNG - Arrastra, suelta, descarga. Así de fácil.
- Squoosh - De Google, gratis y en español. (Mi favorita)
Opción para los que quieren aprender:
- Photoshop con “Exportar para web”
- GIMP (gratis) con plugins de optimización
- CANVA con sus tamaños y formatos PRO.
Opción para los valientes:
- Línea de comandos con ImageMagick
- Automatización con scripts
La técnica secreta que uso con todos mis clientes
Se llama “Lazy Loading” y es pura magia.
Básicamente, las imágenes solo cargan cuando el usuario las va a ver.
¿El resultado?
Tu página arranca mucho más rápido sin sacrificar ni una sola imagen, porque no carga de golpe lo que el usuario todavía no ha visto.
Es como tener un mesero que solo trae los platos cuando estás listo para comerlos, no todos de una vez.
“¿Y qué hago con mis 500 fotos verticales del celular?”
No las botes.
Son perfectas para:
- Stories de Instagram
- Posts de Facebook
- WhatsApp Business
- TikTok
Pero para tu página web, necesitas repensar tu estrategia visual.
El truco del “doble propósito”
Cuando tomes fotos de productos:
- Primero: Toma la foto horizontal para la web
- Después: Toma la vertical para redes
- Bonus: Graba un video corto para ambas
Así matas dos pájaros de un tiro.
Por qué WordPress es tu peor enemigo para optimizar imágenes
“Pero Juli, WordPress optimiza las imágenes automáticamente”
Sí, claro.
Y también:
- Crea 7 versiones de cada imagen (que no necesitas)
- Las guarda todas en tu hosting (bye bye espacio)
- Requiere plugins premium para optimización real
- Se vuelve más lento con cada actualización
Con desarrollo a código, yo optimizo cada imagen ANTES de subirla.
Resultado: páginas que cargan en 2 segundos, no en 20.
Un caso típico: la tienda con cientos de fotos pesadas
Un caso que se repite mucho. Un negocio con catálogo grande:
- Cientos de fotos de producto
- Varias fotos por artículo
- Todas tomadas con celular de gama alta, sin optimizar
- Página más lenta que decisión de gobierno
La solución:
- Optimizar todas las imágenes (el peso total se reduce drásticamente)
- Implementar lazy loading
- Un flujo donde las fotos nuevas se suben ya optimizadas y no sobrecargan la web
El cambio se nota: la página que tardaba más de 15 segundos pasa a cargar en un par de segundos. Y una página que carga rápido se posiciona mejor y retiene más visitantes, lo que termina reflejándose en más contactos y ventas.
No fue magia.
Fue optimización inteligente.
Tu plan de acción para hoy mismo
- Audita tu página actual con PageSpeed Insights
- Identifica las imágenes problemáticas (las que pesan más de 500KB)
- Optimiza al menos 10 imágenes esta semana
- Mide la diferencia en velocidad
O…
Déjame ayudarte a hacer una página web que no necesite toda esta gimnasia mental.
Porque al final del día, tú deberías estar vendiendo, no peleando con tamaños de imagen.
¿Listo para tener una página web que cargue más rápido que tu competencia?
No más dolores de cabeza con imágenes. No más páginas lentas. No más clientes perdidos por mala optimización.
Quiero una página web optimizada →
PD: Si tu página tarda más de 3 segundos en cargar, estás perdiendo dinero. Cada. Segundo. Cuenta.
¿Cuánto tarda en cargar tu página web actual?
Cuéntame en los comentarios. Si es más de 5 segundos, tenemos que hablar urgente 🚨
Escrito por Julian Franco — Consultor SEO y Desarrollador Web
Estudio desarrollo web desde 2009. Desde 2019 ejerzo el SEO para negocios reales en Colombia con código limpio, estrategia y sin atajos. Tengo el máster SEO de Dean Romero y Dani Yamares, formación en HTML semántico y CSS avanzado por el W3C, y cursos de programación en Platzi. Nunca dejo de estudiar, y todo lo que aprendo lo aplico directamente para mis clientes.
App de comentarios Talkyard.