Что бы я ни делал, мой логотип не будет сглаживаться на моей HTML-странице. Эта проблема раздражает, и я не могу найти какое-либо решение в Интернете вообще. Что является причиной этого? Векторная графика обычно отображается при локальном просмотре в Chrome, но края в HTML зазубренные. Что дает?
Пример: Снимок экрана
HTML код:
<div class="logo">
<img src="img/zxcwhite.svg"></img>
</div>
Код CSS:
.logo {
display: block;
width: 100%;
align-items: center;
justify-content: center;
margin-bottom: 5px;
align-self: end;
}