Avisos
Vaciar todo

Logotipo en poca calidad en google chrome

6 Respuestas
4 Usuarios
0 Reactions
24 Visitas
Respuestas: 223
Estimable Member
Topic starter
 

Buenas tardes, 

 

El logotipo del menú colección, el de la derecha de la primera fila, natural dyes, no se porque en google chrome pierde tanta calidad y en firefox no, incluso en el móvil se ve con buena calidad y ambos lados es el mismo logotipo. No entiendo a que se debe esto.

 

Un saludo!

Contenido solo visible a usuarios registrados


 
Respondido : 03/12/2021 3:57 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola David.

Si reviso la imagen veo que tienes unos márgenes:

screenshot poveda textil.angulotres.es 2021.12.03 17 07 11

Edita la imagen y elimina esos márgenes, una vez lo tengas vuelves a subir la imagen.

Revisa si con eso se soluciona.

 

Un saludo

 


 
Respondido : 03/12/2021 4:09 pm
Respuestas: 223
Estimable Member
Topic starter
 

Buenas,

ya lo he hecho, y me sigue pasando lo mismo. Y ahora en el móvil no se me ve con tan buena calidad como con los márgenes.

 

UN saludo!


 
Respondido : 03/12/2021 4:29 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola David,

Verifica agregar el siguiente código css:

img.image.wp-image-7106.attachment-200x123.size-200x123.ld-lazyload.entered.loaded {
image-rendering: -webkit-optimize-contrast !important;
}

Es un error en Chrome con alguna imagen por el método de renderizado, verifica y nos comentas.

Un saludo 🖐️ 


 
Respondido : 03/12/2021 4:50 pm
Respuestas: 223
Estimable Member
Topic starter
 

Buenos días,

 

He pueto el código css y no ha hecho nada, sigue apareciendo en poca calidad en google chrome.

Un saludo!


 
Respondido : 07/12/2021 7:52 am
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola David, 

Ya que es algo que está sucediendo solo por el navegador no se puede controlar, sin embargo, verifica si con el siguiente código la imagen se logra ver de forma correcta

img.image.wp-image-7106.attachment-200x123.size-200x123.ld-lazyload.entered.loaded {
image-rendering: -webkit-optimize-contrast !important;
height: 100%!important;
object-fit: cover!important;
}

Un Saludo  


 
Respondido : 07/12/2021 12:42 pm