Hola,
La calidad de ambos logotipos, el principal y el pequeño, es muy baja al usar Google Chrome en el escritorio. Sin embargo, todo está bien con Firefox. ¿He pasado por alto alguna configuración que debería mejorar la apariencia?
Firefox:
Chrome:
Gracias.
Esto parece ser un problema con la forma en que Chrome reduce la escala de las imágenes… podría ayudar redimensionar la imagen para que esté más cerca de las dimensiones exactas en las que aparecerá en el encabezado, o si agregas este CSS al tema de tu sitio:
.d-header #site-logo {
image-rendering: pixelated;
}
Hay más discusión sobre este problema con Chrome (y otras posibles soluciones alternativas) en Stack Overflow: https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome
Hola,
Gracias por tu ayuda. image-rendering: pixelated; no hace mucho, pero al navegar por el tema de Stack Overflow que enlazaste, descubrí que image-rendering: -webkit-optimize-contrast funciona mejor, aunque no sea perfecto.
Intentaré redimensionar las imágenes y veré si mejora aún más.