¿Logo pixelado en Divi ?
Usualmente el logo de una web es transparente (por lo tanto, .png), pero Chrome lo representaba con bordes antialias, pixelados y feos.
El tema Divi te permite cambiar el tamaño del logotipo de tu sitio al tamaño que elijas. Sin embargo, si tienes mala suerte, es posible que tu logotipo redimensionado se vea pixelado, sin importar cuán uniforme sea su imagen original.
La causa de este problema es que el navegador intenta cambiar el tamaño de la imagen original a la nueva altura, y diferentes navegadores lo hacen con diferentes grados de éxito. Internet Explorer es notoriamente malo en esto, y puede encontrar que su logotipo se ve bien en Chrome (por ejemplo), pero pésimo en IE o Edge.
Si bien hay una cantidad de hacks flotando alrededor de la red que ofrecen soluciones para navegadores específicos, o usan JavaScript para realizar un mejor cambio de tamaño, es probable que consumas mucho tiempo tratando que funcionen bien.
Gracias a Andrei de Elegant Themes Support, una línea de CSS resuelve este problema:
El código a agregar en el CSS de los ajustes de DIVI es el siguiente:
#logo {-webkit-transform: initial;}
