Hola, quiero consultarles porque puede suceder que cuando subo la imagen principal de un producto me respete la calidad en que la subo pero cuando subo las secundarias no.
Ahora pero cuando en las imágenes secundarias se hace zoom se ven en buena calidad.
Chris, como estas?
Estas usando algún plugin para comprimirlas o algo? podrias pasar el link de la web para revisarla?
Fijate Diego acá, la primer foto corresponde a la “imagen del producto” y las otras fotos a “Galeria del producto”. En estás últimas es donde la calidad de la imagen se ve con poca calidad. Ahora cuando pasas el mouse por arriba se ven bien.
Chris, por lo que veo, woocoomerce está usando dos imagenes, una para la miniatura y otra para el Zoom.
Miniatura: https://wp.rallys.com.ar/wp-content/uploads/2019/09/23896-3-400x400.jpg (que la amplia un poco más)
Zoom: https://wp.rallys.com.ar/wp-content/uploads/2019/09/23896-3.jpg
Justo ahora que estoy en el trabajo, no puedo revisarlo bien, pero intentaria reemplazar las imagenes de 400x400px por otras, o cambiarlas a 485x485px que es realmente el tamaño que muestra la web, con una buena calidad.
La imagen original, es de 400x400, pero la web te las esta ampliando a 485x485.
Diego, ahí vi lo que me dijiste y cambié la imagen a 485x485 y es como vos decías. Ahora mi duda está en si en vez de modificar todas las imágenes podría modificar el código para que el tamaño que muestre sea de 400x400, pero no logro darme cuenta que archivo sería y linea.
Muchas gracias!
Deberias agregar en el CSS lo siguiente:
.easyzoom a img {
width: 400px !important;
}
Con eso ya deberia modificarte el tamaño de las imagenes a 400px. Por las dudas, una vez que lo hagas, fijate que no te modifique ninguna otra imagen que no quieras.
1 me gusta