Imágenes 4K o WebP 800px optimizadas: el dilema rendimiento vs calidad

Un restaurante tava de 18 mesas en Maltepe tenía un problema claro: los clientes escaneaban el QR y miraban una pantalla en blanco durante 5-6 segundos. Causa: JPEGs 4K de DSLR pesando 4-6 MB por tarjeta. La solución no es tirar el 4K, sino servir el tamaño correcto.

Core Web Vitals: la línea roja del LCP

El umbral Largest Contentful Paint (LCP) de Google es 2,5 s. Las cartas en 4K dan 4,2-6,1 segundos — categoría "Malo". Con WebP 800px la misma carta baja a 1,2-1,8 segundos, dentro de "Bueno".

El LCP afecta directamente al SEO. Los restaurantes en el top 3 móvil tienen LCP medio bajo 1,9 s; por encima de 4 s caen a página 2-3.

Por qué 800px WebP basta

Las pantallas modernas (iPhone 14, Galaxy S23) miden 390-430px CSS. Con retina ×2 = 860px máximo. WebP 800px ya alcanza el techo físico. Los 3.200 píxeles extra de 4K no corresponden a ningún píxel visible.

WebP es 25-35% menor que JPEG a calidad equivalente. WebP 800px (180 KB) vs JPEG 4K (5,2 MB) = 96,5% ahorro de ancho de banda.

Servicio de imágenes responsive thMenu

Al subir un original 4K, thMenu genera automáticamente derivados 320px, 640px, 800px, 1200px en WebP+AVIF. El navegador elige vía srcset.

Lazy loading activado por defecto. First Contentful Paint bajo 600 ms; el resto se carga al desplazar.

FAQ

¿Debo borrar el 4K original? No. thMenu lo guarda en R2 para futuros displays 8K.

¿Cuánto más ligero es AVIF? 50% más ligero que JPEG, 20% que WebP a igual calidad. Soportado por 94% de navegadores.

¿Sufre la calidad fotográfica? No. A 800px en móvil, 4K es indistinguible — el ojo no resuelve más allá de 300 PPI en mano.

¿Te resultó útil? Compártelo.