• Buenas, estoy teniendo un problema con las imágenes de producto y es que se ven borrosas cuando tengo el navegador ocupando toda la pantalla, sin embargo, en cuanto redimensiono un poco la pantalla del navegador las imágenes pasan a verse perfectas.

    No es un problema de calidad de la imagen ya que están subidas con suficiente tamaño y calidad.

    He probado también a regenerar las miniaturas pero el problema persiste.

    Como podría solucionarlo? Muchas gracias de antemano.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 15 respuestas - de la 1 a la 15 (de un total de 26)
  • Moderador almendron

    (@almendron)

    No detecto el problema que comentas y tengo un monitor 4K.

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    Buenas Almendrón,

    No se por qué a ti se te verá bien, bueno más bien por qué a nosotros se nos ve mal…

    Solo se ve nos ve borrosa la imagen cuando entramos con el navegador maximizado, en el momento que cambio el tamaño por poco que sea ya se ve perfecto y ya aunque vuelva a maximizarlo se ve bien.

    Te dejo el enlace a dos pantallazos, el primero donde se ve a pantalla completa y el segundo una vez he redimensionado la ventana del navegador:

    Imagen borrosa:

    https://tienda.arrancaquenosvamos.com/wp-content/uploads/2024/11/Captura-de-pantalla-2024-11-21-111748.png

    Imagen correcta:

    https://tienda.arrancaquenosvamos.com/wp-content/uploads/2024/11/Captura-de-pantalla-2024-11-21-111857.png

    A ver si conseguimos dar con la tecla de como solucionarlo, porque me trae loco la verdad, y con eso de que a ti se te vea bien, ya me deja más loco todavía.

    Muchas gracias por tu ayuda

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    Acabo de darme cuenta que no es solo cuando entras a pantalla completa, aunque entre con la pantalla redimensionada más pequeña se ve borrosa, y en el momento que toco para redimensionar la ventana del navegador la imagen pasa a verse perfecta.

    Moderador almendron

    (@almendron)

    A mi no me pasa y tampoco hay nada en el código que provoque una distorsión. El tamaño de las imágenes es mayor que el hueco destinado a ellas y en las reglas de css no vea nada que le pueda afectar.

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    Pues yo si que no tengo ni idea de por qué puede ser, pero lo estoy comprobando en dos portátiles y en los dos ocurre exactamente lo mismo… me trae de cabeza

    Moderador almendron

    (@almendron)

    Yo creo que tiene que ver con la propia imagen. Si descargas la imagen, podrás comprobar que pasan cosas raras. Si la arrastras, aparece con un fondo negro. Si el das a «guardar como», entonces sale el fondo gris. Lo he probado con https://tienda.arrancaquenosvamos.com/wp-content/uploads/2024/11/88b4e0a7-2407-4c6a-a9f1-056093b664d7.webp

    ¿Usas transparencia con el formato webp?

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    Sí, las fotos webp tienen transparencia, pero parece que ese no es el problema, puesto que he creado unas en jpg y el problema persiste.

    Me he dado cuenta que pasa también con las miniaturas, no se ven nítidas del todo, pero si entras al producto, después se ven mejor.

    He probado a hacer esta en jpg:
    https://tienda.arrancaquenosvamos.com/shop/infantil/camisetas-bebe/camiseta-necesito-un-viaje-gasolina-blanco-bebe/

    Puede ser porque las imágenes sean cuadradas y el recuadro para mostrar las imágenes sea ligeramente rectangular?

    Son widgets de elementor, por lo que no se como tendría que hacer para que los recuadros, tanto de las miniaturas, como de los productos fueran cuadrados.

    Una vez más, muchas gracias por tu ayuda

    Moderador almendron

    (@almendron)

    Insisto en que yo no detecto el problemas que comentas.

    Limpia cache y cookies del navegador, y prueba a entrar con un ordenador de sobremesa.

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    He borrado cookies y caché del navegador. Incluso he probado a abrirlo con edge, que nunca lo utilizo, y sigue pasando lo mismo.

    No tengo un ordenador de sobremesa donde comprobarlo, pero lo estoy mirando en dos portátiles y en los dos pasa igual. Es jodido que un % de los que accedan lo vean con ese problema.

    Ahgg que frustración.

    Moderador almendron

    (@almendron)

    Intentaré mañana mirarlo en un portátil.

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    Muchas gracias Almendrón, ojalá puedas echarle un vistazo a ver si conseguimos dar con lo que es, porque la verdad, me trae de cabeza.

    O a ver si alguien más se le ocurre a que puede deberse, porque yo, con los pocos conocimientos que tengo sobre el tema, no sé que más hacer.

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    He comprobado que al entrar a la página de producto, la imagen se ve borrosa, pero si recargo la página, pasa a verse perfecto, igual que cuando redimensiono la ventana del navegador

    Moderador almendron

    (@almendron)

    He probado en un portátil y las imágenes aparecen nítidas.

    Iniciador del debate arrancaquenosvamos

    (@arrancaquenosvamos)

    Pues la verdad que no entiendo que está pasando… porque aquí son dos portátiles en los que se ven borrosas las imágenes, da igual el navegador que use, borre cookies o haga lo que haga…

    Qué más puedo comprobar?

    Moderador almendron

    (@almendron)

    Haz la prueba con el portátil conectado a una red distinta de la que usas. Tal vez algún conocido o amigo que te lo pueda mirar.

Viendo 15 respuestas - de la 1 a la 15 (de un total de 26)
  • Debes estar registrado para responder a este debate.