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
El desperdicio
Foto vertical de celular: 4000x8000px
Imagen para web: 1200x800px
Estás usando 25 veces más píxeles de los necesarios
Peso: 8-12 MB
Peso ideal: 100-300 KB
Tu página pesa 40 veces más de lo que debería
Tiempo de carga: 15-30 segundos
Tiempo ideal: 2-3 segundos
Pierdes el 90% de visitantes… OMG!
“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 como 25 segundos en cargar
- Tasa de rebote del 94% (la gente se iba sin ver nada)
- Posición 127 en 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 carga 70% más rápido sin sacrificar ni una sola imagen.
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.
El caso de Tatiana y su tienda de ropa que ahora factura 3x más
Tatiana tenía este problema:
- 300 fotos
- 5 fotos por servicio en promedio
- Todas tomadas con iPhone 14 Pro o algún Samsung Ultra
- Página más lenta que decisión de gobierno
La solución:
- Optimizamos todas sus imágenes (de 12GB a 800MB total)
- Implementamos lazy loading
- Tengo un sistema donde subo sus fotos y no sobrecargan su web
Resultados en 60 días:
- Velocidad de carga: de 18 segundos a 2.3 segundos
- Posición en Google: de página 5 a página 1
- Ventas: aumentaron 327%
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 🚨
App de comentarios Talkyard.