Imágenes Borrosas en tienda

Resuelto tonchete99
(@tonchete99)

hace 1 año, 11 meses
Hola buenas,
Estoy diseñando una tienda online y mi problema es el siguiente:
Cuando estoy en la página «home», las imágenes se ven bien y con buena calidad, pero cuando te metes dentro de un producto para comprarlo se puede ver que la imagen del producto se ve borrosa y pixelada.
No sé qué hacer, llevo tiempo ya buscando por internet, pero no veo solución.
¡Gracias y espero respuesta!
- Este debate fue modificado hace 1 año, 11 meses por tonchete99.
- Este debate fue modificado hace 1 año, 11 meses por tonchete99.
La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)

Moderador almendron
(@almendron)

hace 1 año, 11 meses

Por lo que veo la imagen que se carga en el producto es de 100 x 100

Ejemplo:

https://originalstreetoys.com/producto/give-me-another-hug-hoodie/

https://originalstreetoys.com/wp-content/uploads/2022/08/BEARD-B-100×100.png

Pero el espacio donde se carga esa imagen es de 600 x 852 por lo que la imagen anterior queda borrosa al ocupar ese espacio.

Sin embargo, al hacer el zoom, se muestra la imagen original y entonces se ve bien

https://originalstreetoys.com/wp-content/uploads/2022/08/BEARD-B.png

Iniciador del debate tonchete99
(@tonchete99)

hace 1 año, 11 meses

@almendron y que puedo hacer para que se vea bien?

Iniciador del debate tonchete99
(@tonchete99)

hace 1 año, 11 meses

He probado a subir la imagen en 600 x 852, y se sigue viendo igual de pixelado. Hace tiempo probé a poner 1920×1920 incluso, y se ve igual.
He desactivado prácticamente todos los plugins y nada. He regenerado las miniaturas y sigue igual.

Moderador almendron
(@almendron)

hace 1 año, 11 meses

No es problema de la imagen original que subes. De hecho, la del ejemplo es de 969px × 1366px.

El problema lo tienes en la miniatura de la ficha del producto.

Le he preguntado a los compañeros al respecto porque yo tan apenas uso ese plugin.

Iniciador del debate tonchete99
(@tonchete99)

hace 1 año, 11 meses

@almendron Gracias de verdad por preguntar.
¡Estoy a la espera!
Moderador kallookoo
(@kallookoo)

hace 1 año, 11 meses
Hola @tonchete99

Lo que te sucede es que cuando se crean las miniaturas el WordPress recorta la imagen y desde mi punto de vista por la libreria que usa el servidor y que son png salen borrosas.
Te recomiendo que uses jpg ya que se comporta mejor en todos los servidores que tiene diferentes versiones de la libreria que usa para crear las imagenes.

Otra cosa que veo es que las imagenes diria que todas son rectangulares y no esta centrado el producto, me explico si centras el producto en la imagen dando una sensacion mas cuadrada del producto cuando se recorta lo unico que se elimina es todo el espacio blanco dejando por lo tanto el producto, otra opcion es crear imagenes cuadras de los productos independientemente si el producto es rectangular, pero es posible que tambien se cree borrosa.

Por ejemplo:
Una imagen de 800×1000 pero el producto esta centrado ( 400×500 ) cuando se recortase (no reduccion) tendrias 200x250x200x250 (izquierda, arriba, derecha, abajo) de espacio en blanco que se puede eliminar sin afectar al producto.

Espero haberme explicado bien.

Saludos
- Esta respuesta fue modificada hace 1 año, 11 meses por kallookoo.
- Esta respuesta fue modificada hace 1 año, 11 meses por kallookoo.
Iniciador del debate tonchete99
(@tonchete99)

hace 1 año, 11 meses
Hola @kallookoo
He estado haciendo lo que me has dicho y de primeras no me funcionaba, pero ahora se ve perfecto.
Sí que es verdad que algún par de veces me meto y se ve pixelado, pero si hago ctrl+r se ve bien.
Gracias por el apoyo y por resolverme las dudas, estoy superagradecido.
Tonchete99
- Esta respuesta fue modificada hace 1 año, 11 meses por tonchete99.
- Esta respuesta fue modificada hace 1 año, 11 meses por tonchete99.
Moderador almendron
(@almendron)

hace 1 año, 11 meses
Echa un vistazo:

https://woofacil.com/como-solucionar-problemas-de-tamano-de-imagen-de-woocommerce/

https://boluda.com/tutorial/como-modificar-el-tamano-de-las-imagenes-de-producto-en-woocommerce/
- Esta respuesta fue modificada hace 1 año, 11 meses por almendron.
Iniciador del debate tonchete99
(@tonchete99)

hace 1 año, 11 meses

@almendron Ahora miraré el enlace que me has pasado.
De momento lo que he hecho ha sido pasar la imagen a .jpg, poner en recuadro de contenido de la página del producto y la primera ya se ve bien, aunque cuando paso a la segunda foto (con los mismos parámetros que la primera se ve borrosa), aunque si hago ctrl+r se ve bien.
Igual me veré el enlace y os digo, gracias!