Avisos
Vaciar todo

Imágenes distorsionadas  

 
Eduardo
 Eduardo
Nuevo usuario

Buenos días,

Tengo un problema en la apariencia de la web. Desde hace un tiempo, con la instalación de WP Rocket junto con Autoptimize tengo alguna incidencia con el tamaño de las imágenes.

Cuando inserto imágenes en wordpress se muestran correctamente (300x250) pero cuando visualizo la página de prueba o la observo en real las imágenes salen en 2414x1100 pixeles. El ejemplo está en el logo de Heymondo, Lonely Planet u Holafly de la página  https://www.losviajesdelewar.com/asia/cuando-interesa-comprar-el-jr-pass/)  pero me pasa en todas.

Hasta ahora, eso pasaba sólo en la vista previa de la página en wordpress pero no ocurría en la web real ni en la propia entrada de wordpress. Pero ahora se ha distorsionado en la web real y aparecen las imágenes con un tamaño muy grande. Sin embargo las imágenes normales aparece con su tamaño correcto. No he cambiado la configuración de WP Rocket ni de Autoptimize.

Me pueden ayudar a redimensionar las imágenes?

Gracias,

Contenido solo visible a usuarios registrados

Citar
Respondido : 09/11/2024 11:20 am
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola, Eduardo

 

Compruebo que la imagen "real" del logo que indicas tiene un tamaño de 415x118 píxeles y a ese mismo tamaño se representa en la web.

 

¿Puedes indicar una imagen de tu web que actualmente tenga un tamaño específico y se esté redimensionando por CSS o desde el "builder" que uses a otro tamaño mayor o menor?

He revisado unas cuantas imágenes de tu web y las veo nítidas y el tamaño que se muestra en el navegador es el mismo que la imagen "real" cuando se inspecciona de forma individual.

 

¿Has probado en una ventana de navegador en modo incógnito a ver si te aparecen redimensionadas? A veces la caché, sobre todo la de WP Rocket, suele jugar malas pasadas. De hecho, lo he usado durante muchos años y al final he acabado dejándolo de utilizar porque afecta a la carga de imágenes que se deben representar en diferentes tamaños, según el lugar donde WordPress las muestre, por ejemplo, en el caso de imágenes de productos de WooCommerce.

 

Eso no quiere decir que en el 95% de los casos WP Rocket no sea eficiente en el caching de estático, como las imágenes, pero ni Autoptimize ni WP Rocket redimensionan imágenes, eso lo hacen determinados plugins o ajustes que hayas aplicado en tu constructor visual.

 

Quedo pendiente para seguir ayudándote. 😊 

 

 

 

ResponderCitar
Respondido : 09/11/2024 11:41 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Eduardo
 Eduardo
Nuevo usuario

Gracias por la respuesta.

Yo veo las imágenes muy grandes en la web. Los logos aparecen redimensionados. He detectado que está tomando las medidas originales de la fotografía y no las medidas adaptadas que yo hice en wordpress. Si vuelvo a subir las imágenes con dimensiones originales correctas el problema se corrige, pero eso supone cambiar todos los logos de todas las entradas una por una. 

Habría alguna forma de cambiar las dimensiones de las fotos a la vez?

 

Un abrazo

ResponderCitar
Respondido : 09/11/2024 12:25 pm
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola, Eduardo

 

¿Has probado a verificar los ajustes del plugin Imagify?

Este plugin, por defecto, tiene la "mala costumbre" de "redimensionar TODAS las imágenes" mediante el "redimensionado automático" cuando las vas subiendo a WordPress, lo que significa que se ajustan a un tamaño predefinido para evitar cargar archivos excesivamente grandes en el servidor.

Esto significa que si por ejemplo, subes una imagen de 1080x1920 píxeles y el plugin "Imagify" establece que deben ser de 600x500 píxeles, se redimensionarán automáticamente sin respetar la calidad final ni el tamaño que tengas establecido en los ajustes de "Medios" en WordPress, desde "Ajustes > Medios".

 

Si además de esto, luego ejecutas plugins como "Regenerate Thumbnails", este va a escanear todas las imágenes en la biblioteca y generar nuevos tamaños basados en las configuraciones actuales de WordPress, no de "Imagify", generando un problema adicional al tamaño original de tus imágenes, y lo que piensas que arregla el primer plugin con los tamaños, lo acaba estropeando el segundo plugin al ejecutarlo en lote.

 

¿Haces copia de seguridad de tu web antes de lanzar este tipo de acciones?, porque de lo contrario, tendrás que recurrir a los backups de WePanel para recuperar el estado anterior de una web, si los cambios, regeneraciones y ajustes sobre ajustes aplicados a las imágenes acaban generando resultados no deseados.

 

Imagify tiene un "modo de restauración", que guarda una copia de la imagen original en la biblioteca de medios. De esta forma puedes revertir cualquier cambio en caso de que quieras restaurar la calidad original o ajustar el nivel de compresión de las imágenes.

Te recomiendo la siguiente lectura https://www.webempresa.com/blog/imagenes-en-wordpress-gestionando-los-tamanos-correctos.html donde explico con detalle cómo deberían gestionarse los tamaños de imágenes en WordPress.

Saludos

 

Esta publicación ha sido modificada el hace 4 semanas por Luis Méndez Alejo
ResponderCitar
Respondido : 09/11/2024 12:49 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Eduardo
 Eduardo
Nuevo usuario

Muchas gracias por tu ayuda

ResponderCitar
Respondido : 09/11/2024 3:03 pm
Luis Méndez Alejo
 Luis Méndez Alejo
Moderador Moderator

Hola, Eduardo

 

¿Has podido revisar lo comentado?

He vuelto a revisar tu web, logo de cabecera e imágenes de contenidos y no veo diferencia de tamaño entre la imagen que WordPress muestra en el contenido y el tamaño real de la imagen, por ejemplo esta Contenido solo visible a usuarios registrados

WordPress, por sí solo, tiene capacidad suficiente para gestionar los tamaños de imágenes, de forma nativa, ajustándolos previamente en las configuraciones (a cero = 0) sin necesidad de recurrir a otros plugins.

Para "optimizar" gratuitamente todas las imágenes de la web, sin que se modifiquen los tamaños a los que las subes, tienes plugins como Optimizador.io que te lo hacen muy bien, en segundo plano, y sin cambiar ajustes de visualización de las mismas, al contrario de lo que hace Imagify.

 

- OptimizadorIO -> https://optimizador.io/

 

 

Saludos

 

 

ResponderCitar
Respondido : 09/11/2024 3:17 pm

wpdoctor-revisa-la-salud-de-tu-wordpress