Avisos
Vaciar todo

Logotipo en poca calidad en google chrome  

 
David
 David
Estimable Member

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

Citar
Respondido : 03/12/2021 3:57 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

 

ResponderCitar
Respondido : 03/12/2021 4:09 pm

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

David
 David
Estimable Member

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!

ResponderCitar
Respondido : 03/12/2021 4:29 pm
Argenis
 Argenis
Soporte CMS Webempresa 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 🖐️ 

ResponderCitar
Respondido : 03/12/2021 4:50 pm

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

David
 David
Estimable Member

Buenos días,

 

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

Un saludo!

ResponderCitar
Respondido : 07/12/2021 7:52 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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  

ResponderCitar
Respondido : 07/12/2021 12:42 pm

Cursos Gratuitos WordPress