Здравствуйте,
Качество как основного, так и небольшого логотипа очень низкое при использовании Google Chrome на настольном компьютере. В Firefox всё в порядке. Не упустил ли я какую-то настройку, которая должна улучшить отображение?
Firefox:
Chrome:
Спасибо.
Похоже, это проблема с тем, как Chrome уменьшает масштаб изображений… Может помочь изменение размера изображения до размеров, максимально близких к тем, в которых оно будет отображаться в заголовке, либо добавление следующего CSS-кода в тему вашего сайта:
.d-header #site-logo {
image-rendering: pixelated;
}
Более подробное обсуждение этой проблемы в Chrome (а также других возможных решений) доступно на Stack Overflow: https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome
Привет!
Спасибо за помощь. image-rendering: pixelated; не даёт особого эффекта, но, ознакомившись с темой на Stack Overflow, на которую вы дали ссылку, я обнаружил, что image-rendering: -webkit-optimize-contrast работает лучше, хотя и не идеально.
Я попробую изменить размер изображений и посмотрю, станет ли ещё лучше.