Avisos
Vaciar todo

Deterioro de imágenes

10 Respuestas
3 Usuarios
0 Reacciones
35 Visitas
Carles
Respuestas: 317
Reputable Member
Topic starter
 

Buenas. Las fotos de mi blog pierden calidad. Hoy me he pasado horas sustituyendo fotos de un post de Budapest, donde he visto y notado que las fotos no tienen ni de lejos la misma calidad que cuando publiqué el post en 2022. La diferencia entre las sustituidas y las originales es muy evidente. ¿A que se debe esto? No lo veo normal. tengo otros blogs con fotos publicadas desde hace más de 15 años y no han perdido calidad.

No tengo ningún sistema de optimización de imágenes, las optimizo yo mismo antes de subirlas una a una con Tinypng, las guardo en una carpeta en mi ordenador y luego las subo al post y compruebo que se vean perfectamente una vez publicadas. Siempre las publico en formato webp. Tengo WP Rocket para el caché. No soy consciente de utilizar ningún plugin que pueda afectar a la calidad de las imágenes, así que no sé a que se debe la pérdida. Lo que sí sé es que cuando las subo se ven perfectamente y al cabo del tiempo (meses o años) han perdido calidad, y eso es un gran problema para un blog de viajes en que las fotos son algo muy importante. Renovar todas las fotos de un post largo me ha llevado todo un día.

Esta es la URL de la cual cambié todas las fotos ayer. Ahora todas se ven perfectas, tal como las subí después de pasarlas una a una por Tinypng:
https://avecesveoviajes.com/europa/hungria/budapest

Este post está a medio hacer, hay algunas fotos ya sustituidas y otras todavía sin sustituir, cuando las publiqué se veían perfectas. Si le echáis un vistazo se ve a la legua cuales son recién cambiadas y cuales son las deterioradas:
https://avecesveoviajes.com/europa/hungria/15-lugares-que-ver-en-budapest

He creado una URL temporal y he subido unas cuantas fotos, para ver si también se deterioran con el tiempo. Pero eso no me soluciona nada, ya que las que están publicadas en el blog se van a continuar deteriorando mientras espero meses para ver como evolucionan las de la URL temporal. Necesito una solución, el trabajo de años se está yendo al garete, gracias.


 
Respondido : 26/04/2026 3:20 pm
Karen Rios
Respuestas: 20416
Illustrious Member Admin
 

Hola Carles, 

En principio, las imágenes no deberían perder calidad por el simple paso del tiempo. Si el archivo original que subiste en su momento sigue estando igual en la carpeta uploads, WordPress no lo va deteriorando poco a poco con los meses o los años.

Lo que sí puede ocurrir es que en el post no se esté cargando exactamente la imagen original, sino una versión generada por WordPress, por el tema, por algún ajuste de tamaños de imagen, por lazy load, caché o por algún sistema de optimización que esté interviniendo en la entrega de las imágenes.

Lo primero que puedes revisar es una imagen concreta de las que ves deterioradas. Abre el post, inspecciona esa imagen desde el navegador y comprueba la URL real que está cargando. Si el nombre del archivo incluye algo como: → 

-300x, -768x, -1024x, -1536x, -2048x o -scaled

Te comparto un artculo donde mencionan como usa la consola de tu navegador → https://www.webempresa.com/blog/como-abrir-la-consola-de-desarrollador.html, entonces no se estaría mostrando exactamente el archivo original, sino una versión redimensionada. 

También puedes comparar esa URL con la imagen que aparece en la biblioteca de medios. Si al abrir la imagen directamente desde la biblioteca se ve bien, pero dentro del post se ve peor, el problema no estaría en que el archivo se haya deteriorado, sino en cómo se está mostrando o sirviendo dentro de la entrada.

Sobre WP Rocket, en principio no debería reducir la calidad de las imágenes por sí solo. Aun así, sí puede intervenir en la carga de imágenes mediante opciones como lazy load o caché, por lo que conviene revisar esas opciones y vaciar la caché después de cualquier cambio. 

https://www.webempresa.com/blog/como-acelerar-wordpress-plugin-wp-rocket.html

https://docs.wp-rocket.me/article/1141-lazyload-for-images

También revisa que no tengas solapadas varias capas de caché u optimización, ya los mejor es evitar duplicar funciones entre plugins de caché, optimización y sistemas como Magic Caché,

De momento no te recomendaría seguir sustituyendo todas las imágenes manualmente, porque si la causa está en que se está cargando una versión redimensionada, cacheada o tratada por algún sistema de optimización, el problema podría repetirse.

En este sentido primero verifica:

  • URL de la imagen original desde la biblioteca de medios.
  • URL de la imagen que carga en el post.
  • Dimensiones reales de ambas imágenes.
  • Si aparece algún sufijo como -scaled, -1024x, -768x, etc.
  • Si tienes activo lazy load, CDN, Magic Caché, Varnish o alguna opción adicional de optimización de imágenes.

Con esa comparación podremos ver si el archivo original está intacto o si realmente se está sirviendo una versión diferente dentro del contenido.

Revisa esto primero y nos comentas como va todo

Un Saludo 


 
Respondido : 26/04/2026 4:42 pm
Carles
Respuestas: 317
Reputable Member
Topic starter
 

Lo que sí puede ocurrir es que en el post no se esté cargando exactamente la imagen original, sino una versión generada por WordPress, por el tema, por algún ajuste de tamaños de imagen:

En Ajustes > Medios tengo puesto esto:

Tamaño de la miniatura - Anchura 350 Altura 350

Tengo activada esta opción: Recortar las miniaturas en las dimensiones exactas (normalmente, las miniaturas son proporcionales)

Tamaño medio - Anchura máxima 1080 Altura máxima 1080

Tamaño grande - Anchura máxima 1280 Altura máxima 1280

por lazy load, caché o por algún sistema de optimización que esté interviniendo en la entrega de las imágenes

Tengo activado el Lazy Load y "añadir dimensiones de imagen faltantes" en WP Rocket. No soy consciente de tener ningún sistema de optimización de imágenes. Las optimizo personalmente una por una con Tinypng y las subo a la galeria de medios.

Lo primero que puedes revisar es una imagen concreta de las que ves deterioradas. Abre el post, inspecciona esa imagen desde el navegador y comprueba la URL real que está cargando. Si el nombre del archivo incluye algo como: → -300x, -768x, -1024x, -1536x, -2048x o -scaled

El nombre de archivo no incluye nada de eso, por ejemplo: avecesveoviajes.com/wp-content/uploads/2021/09/IMG_20210720_113035_800px.jpg

También puedes comparar esa URL con la imagen que aparece en la biblioteca de medios. Si al abrir la imagen directamente desde la biblioteca se ve bien, pero dentro del post se ve peor, el problema no estaría en que el archivo se haya deteriorado, sino en cómo se está mostrando o sirviendo dentro de la entrada.

Se ve igual de mal en la biblioteca y en el post

Sobre WP Rocket, en principio no debería reducir la calidad de las imágenes por sí solo. Aun así, sí puede intervenir en la carga de imágenes mediante opciones como lazy load o caché, por lo que conviene revisar esas opciones y vaciar la caché después de cualquier cambio.

Lo de Lazy Load como te he comentado antes, Tengo activado el Lazy Load y "añadir dimensiones de imagen faltantes" en WP Rocket. Con WP Rocket limpio y precargo todos los archivos de caché muy frecuentemente, igual que los archivos de CSS utilizado y restablezco las "optimizaciones almacenadas relacionadas con el renderizado diferido automático, las imágenes críticas, la conexión previa a dominios externos y la precarga de fuentes". Todo ello muy frecuentemente.

También revisa que no tengas solapadas varias capas de caché u optimización

No sé que quieres decir con lo de varias capas de caché. Optimización de imágenes no tengo más que lo que te he comentado en WP Rocket.

Ya me dirás, gracias.


 
Respondido : 26/04/2026 5:26 pm
Karen Rios
Respuestas: 20416
Illustrious Member Admin
 

Hola Carles, 

Envianos algunas URL de imagenes que no se ven de forma correcta o que han perdido la calida, necesitamos varias para comprobar que puede estar sucediendo. 

De manera general es posible que si la imagen no se muestre bien en este momento algo adicional las este comprimiendo, ya sea un plugin o el mismo wordpress, ten en cuenta que al cambiar las versiones de wordpress se incororar mejoras y optimizaciones de los que nos somos totalmente concientes. 

De igual forma verifica si con las soluciones que mencioann en este post logras solucionar el deterioro de las imagenes que nos comentas

https://www.webempresa.com/blog/como-solucionar-las-imagenes-borrosas-en-wordpress.html

Verificalo y nos comentas como va todo

Un Saludo


 
Respondido : 27/04/2026 3:24 am
Carles
Respuestas: 317
Reputable Member
Topic starter
 

Estas son algunas de las imágenes que se han deteriorado:

avecesveoviajes.com/wp-content/uploads/2021/09/IMG_20210720_113035_800px.jpg

avecesveoviajes.com/wp-content/uploads/2021/09/IMG_20210720_123330_800.jpg

avecesveoviajes.com/wp-content/uploads/2022/05/foto_By_xorge_CC_BY-SA_2-0.webp

¿Puede ser que el deterioro esté relacionado con los tamaños que configuré en los ajustes de medios de wordpress? (Tamaño de la miniatura - Anchura 350 Altura 350 / Tamaño medio - Anchura máxima 1080 Altura máxima 1080 / Tamaño grande - Anchura máxima 1280 Altura máxima 1280). ¿Puede ser que las imágenes deterioradas sean siempre las que son más pequeñas de 1080 px?


 
Respondido : 27/04/2026 8:05 am
Pepe
 Pepe
Respuestas: 42532
Illustrious Member
 

Hola Carle.

¿Puede ser que el deterioro esté relacionado con los tamaños que configuré en los ajustes de medios de wordpress? 

Si, si modificaste los valores de las imagenes tienes que volver a regenerarlas.

Puedes utilizar el sigunet eplugin:

-> https://wordpress.org/plugins/regenerate-thumbnails/

Una vez regeneradas las imágenes revisa si se muestran mejor.

 

Un saludo


 
Respondido : 27/04/2026 9:17 am
Carles
Respuestas: 317
Reputable Member
Topic starter
 

Hola Pepe, pero las que están deterioradas ya están deterioradas en la biblioteca multimedia, quieres decir que con ese plugin se van a arreglar si ya están deterioradas? A parte, otra cosa. ¿Los tamaños de imagen que configuré en Ajustes > Medios están bien? Es decir, ¿si los configuro todos a 0 que pasaría? Ya imagino que configurandolo todo a 0 no se van a arreglar las que ya están mal, ¿pero que efectos tendria configurar todos los tamaños a 0?


 
Respondido : 27/04/2026 10:09 am
Pepe
 Pepe
Respuestas: 42532
Illustrious Member
 

Hola Carles.

 pero las que están deterioradas ya están deterioradas en la biblioteca multimedia, quieres decir que con ese plugin se van a arreglar si ya están deterioradas?

Estarán las originales y al regenerarlas se crearán los tamaños con lo que tienes configurado en Medios.

 ¿Los tamaños de imagen que configuré en Ajustes > Medios están bien? Es decir, ¿si los configuro todos a 0 que pasaría?

Los tamaños dependen de tu plantilla pero creo que GeneratePress no genera imágenes. Respeta y trabaja con los tamaños que WordPress crea en la biblioteca de medios.

 Ya imagino que configurandolo todo a 0 no se van a arreglar las que ya están mal, ¿pero que efectos tendria configurar todos los tamaños a 0?

Siempre cargará la imagen original (el archivo completo que subiste) en todos los sitios donde se muestre una imagen: entradas, archivos, widgets, bloques, etc.

 

Prueba primero lo que te comente de regenerar las imágenes y lo revisas.

 

Un saludo


 
Respondido : 27/04/2026 10:39 am
Carles
Respuestas: 317
Reputable Member
Topic starter
 

Ok, entiendo lo que dices. Pero he estado estudiando las imágenes deterioradas y veo que todas son fotos que subí hace años en formato JPG, con un tamaño menor que el que tengo configurado en Ajustes > Medios. Desde hace tiempo siempre subo las imágenes en formato webp con los mismos tamaños (1080x608 para las imágenes normales del post y 1280x720 para las grandes de cabecera. Entonces ¿no seria factible volver a subir las imágenes en formato webp con las medidas correctas y sustituir las deterioradas? Así no haría falta ningún plugin, porque por mucho que regenere las imágenes con un plugin, las imágenes antiguas de 700 u 800 píxeles no se van a arreglar, ya que continuarán viéndose mal porque son más pequeñas que las medidas configuradas en Ajustes > Medios. ¿Me explico? 😅


 
Respondido : 27/04/2026 12:18 pm
Karen Rios
Respuestas: 20416
Illustrious Member Admin
 

Hola Carles, 

Algo que debes tener en cuenta es que, si las imágenes antiguas ya se ven deterioradas al abrirlas directamente desde la biblioteca de medios, regenerar las miniaturas no va a recuperar esa calidad. Ese proceso solo vuelve a crear los tamaños derivados que genera WordPress, pero no mejora el archivo original.

En ese caso, si esas imágenes antiguas son JPG de 700 u 800 px y ahora se muestran en espacios más grandes dentro del diseño, es normal que se vean con menor nitidez, ya que el navegador necesita ampliarlas para adaptarlas al contenedor.

Lo que podrías probar es configurar los tamaños de medios en 0 y revisar cómo se comportan las nuevas imágenes que subas en próximos artículos. Aun así, esto no corregirá las imágenes antiguas que ya se ven mal.

Para esas imágenes afectadas, lo más recomendable sería volver a subirlas en WebP, con las medidas actuales que estás utilizando, y sustituirlas directamente en la entrada.

Un Saludo


 
Respondido : 27/04/2026 1:03 pm