¿Por qué mis imágenes se ven borrosas en Chrome (y no en Firefox)? ¡La solución definitiva!

¿Te ha pasado que subes imágenes en excelente calidad a tu web, las ves perfectas en Firefox o Safari… pero abres Chrome y ¡zas! se ven pixeladas, borrosas, o simplemente “lavadas”?
Tranquilo, no estás solo. Y no es tu culpa. Aquí te cuento por qué pasa y cómo lo solucioné de forma definitiva.

🧠 ¿Qué está pasando realmente?

Chrome, en su intento por ser “rápido y eficiente”, toma decisiones sobre qué versión de una imagen mostrar. Si usas WordPress, este genera automáticamente varias versiones de cada imagen (srcset), como:

• 300px
• 768px
• 1024px
• 1536px
• La original

Chrome a veces elige mal, y muestra una versión pequeña… ¡incluso en pantallas grandes!
El resultado: imágenes que se ven pixeladas o difusas, aunque tú hayas subido una imagen perfecta.

🤯 Intenté todo: CSS, WebP, Lazy Load…

Lo probé todo:

• object-fit: cover
• image-rendering: -webkit-optimize-contrast
• Subir imágenes más grandes
• Regenerar miniaturas
• Poner JavaScript para forzar el renderizado…

add_filter('wp_get_attachment_image_attributes', function ($attr) {
if (is_page('nombre-de-la-pagina')){
unset($attr['srcset'], $attr['sizes']);
}
return $attr;
}, 999);

💢 ¡Nada funcionaba en Chrome incógnito!

✅ La solución que SÍ funcionó

Después de tanto pelear, encontré la solución brutalmente efectiva:

add_filter( 'wp_calculate_image_srcset', '__return_false' );

Eso es todo. Con esa línea mágica le dices a WordPress:

“Ya no me generes ese srcset, que Chrome no lo sabe usar bien.”

Y así, el navegador usa solo el src que tú definiste, es decir, la imagen que subiste en buena calidad.

💡 ¿Y no afecta al rendimiento?

Sí, un poco. El srcset existe para mostrar versiones livianas en móviles.
Pero en sitios donde la estética manda —como turismo, hotelería o portafolios—, la calidad visual vale más que esos milisegundos de carga.

Si quieres ir más fino, puedes aplicar la regla solo para imágenes WebP o solo en ciertas páginas.

🚀 Cómo lo apliqué de forma segura

Yo usé el plugin Code Snippets para no tocar el archivo functions.php. Así lo mantengo limpio y sin riesgo de errores.

❤️ En resumen

• Si tus imágenes WebP se ven borrosas en Chrome y no sabes por qué…
• Y ya probaste todo lo básico…
• Esta solución te va a devolver la nitidez, la paz, y las ganas de amar a tu sitio otra vez.

¿Te pasó algo similar? ¿Tienes otra forma de solucionarlo? ¡Déjamelo en los comentarios! Y si quieres ayuda con optimización de imágenes o velocidad web, también puedo darte una mano.