Olá,
A qualidade de ambos os logotipos, o principal e o pequeno, está muito baixa ao usar o Google Chrome no desktop. No Firefox, tudo está correto. Será que perdi alguma configuração que deveria melhorar a aparência?
Firefox:
Chrome:
Obrigado.
Isso parece ser um problema relacionado à forma como o Chrome reduz a escala das imagens… pode ajudar a redimensionar a imagem para ficar mais próxima das dimensões exatas em que ela aparecerá no cabeçalho, ou, se você adicionar este CSS ao tema do seu site:
.d-header #site-logo {
image-rendering: pixelated;
}
Há mais discussão sobre esse problema com o Chrome (e outras possíveis soluções alternativas) no Stack Overflow: https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome
Olá,
Obrigado pela sua ajuda. image-rendering: pixelated; não faz muita diferença, mas ao navegar pelo tópico do Stack Overflow que você linkou, descobri que image-rendering: -webkit-optimize-contrast funciona melhor, mesmo não sendo perfeito.
Vou tentar redimensionar as imagens e ver se fica ainda melhor.