¿Las imágenes de tu sitio se ven borrosas o con mala calidad? En esta guía, se explica cuáles son algunas de las causas más frecuentes por las que las imágenes se ven borrosas en las webs de WordPress y cómo puedes resolverlo.
Una imagen se verá borrosa si es demasiado pequeña para el espacio en el que se muestra. Aunque no hay un único tamaño de imagen recomendado, puedes consultar nuestra guía de optimización de imágenes para descubrir cómo lograr que una imagen sea lo suficientemente grande como para que se muestre con buena calidad en tu web, pero no demasiado como para ralentizar la velocidad del sitio.
Si tus imágenes se ven borrosas, sube un archivo de imagen más grande y de alta calidad, y comprueba si se ve mejor.
💡
Puedes reducir el tamaño de un archivo de imagen de alta calidad, pero no puedes reducir el tamaño de un archivo de imagen de baja calidad y obtener buenos resultados.
Si subir una imagen más grande y nítida no mejora la apariencia de las imágenes en el sitio en directo, es posible que se deba a uno de los motivos que se enumeran a continuación.
Si tu conexión a Internet es muy lenta, las imágenes podrían descargarse con una calidad más baja, lo que provocaría que se vieran borrosas. Prueba a cargar tu web con una conexión diferente y más rápida para comprobar si las imágenes se ven mejor de esa manera.
Esta sección de la guía se aplica a los sitios web con el plan WordPress.com Business e eCommerce. Si tienes un plan Business, asegúrate de activarlo. Para los sitios con los planes gratuito, Personal y Premium, mejora tu plan para acceder a esta función.
Todos los sitios de WordPress.com tienen acceso a Jetpack, que ofrece numerosas funciones de seguridad, crecimiento y rendimiento. Los sitios con planes que admiten plugins pueden utilizar funciones adicionales de Jetpack, como la red de publicación de contenido (CDN) que se utiliza para acelerar el tiempo de carga del sitio. Te recomendamos utilizar una CDN para acelerar tu web y mejorar la experiencia de usuario de los visitantes.
Como parte de la CDN, Jetpack comprime automáticamente las imágenes subidas a la CDN para garantizar que se cargan rápidamente. En la mayoría de los casos, esto es positivo porque las imágenes generalmente se pueden reducir considerablemente sin que eso suponga una diferencia notable en la calidad. Sin embargo, esto a veces puede generar imágenes borrosas o de mala calidad, a menudo debido a otros plugins instalados o a un conflicto con un tema de terceros.
En los sitios con plugins activados, sigue estos pasos para probar si la CDN está provocando que las imágenes de tu sitio aparezcan con baja calidad:
- Dirígete al escritorio de tu sitio.
- Ve a Jetpack → Ajustes.
- Haz clic en la pestaña «Rendimiento».
- Desplázate hacia abajo hasta la sección «Rendimiento y velocidad».
- Desactiva el botón «Acelerar los tiempos de carga de las imágenes».
Para obtener opciones avanzadas de la CDN para desarrolladores, consulta la guía sobre la gestión de las funciones de la CDN de Jetpack mediante hooks.
Tomamos medidas para ofrecerte una experiencia sin interrupciones con las imágenes al cambiar de un tema de WordPress.com a otro. Sin embargo, algunos temas de terceros no adoptan medidas similares, y eso puede afectar a tus imágenes cuando cambias a esos temas o desde ellos.
Si has cambiado el tema de tu sitio hace poco y has detectado que todas las imágenes subidas en el tema nuevo se ven bien, pero las que habías subido previamente en el tema anterior se ven borrosas, puedes volver a subir las imágenes antiguas en el nuevo tema para que se muestren correctamente.
Si estás trabajando en un sitio con plugins activados, puedes regenerar las miniaturas borrosas usando un plugin de regeneración de imágenes o, si eres desarrollador, usando WP-CLI. Con estos métodos, no es necesario que vuelvas a subir manualmente todas tus imágenes antiguas.
A veces, instalar un nuevo plugin en tu sitio puede hacer que tus imágenes se vean borrosas. Actualizar un plugin que ya tengas instalado también puede provocar conflictos que pueden afectar a tus imágenes.
Prueba a desactivar el plugin para ver si mejora la calidad de las imágenes. Es posible que también tengas que restaurar una copia de seguridad de antes de instalar el plugin para devolver las imágenes a su estado anterior.
Para obtener instrucciones detalladas sobre la solución de conflictos con plugins, consulta nuestra guía sobre la solución de problemas con plugins.
