lavezzi1
@lavezzi1

Почему когда svg уменьшаешь она блюрится?

Здравствуйте. Нарисовал в иллюстраторе очень простую иконку, выровнял по пикселям и т.д. Вставляю через background-image. Изначально рисовал размером 40х40, ставлю размер фона такой же. Все шикарно. Но если нужно сделать больше или меньше - блюрится. Можно как то избежать? Или я что то не правильно делаю?
  • Вопрос задан
  • 314 просмотров
Пригласить эксперта
Ответы на вопрос 2
@teslor
При изменении размеров изображения может стать невозможно разместить его пиксель в пиксель. Браузер использует для таких случаев антиалиасинг, что проявляется в размытии границ. Можно попробовать задать для SVG свойство shape-rendering: crispEdges, которое выключает антиалиасинг. Или перерисовать иконку чтобы она нормально выглядела хотя бы при каких-то стандартных размерах.
Ответ написан
maxminimus
@maxminimus
просто или ничего
есть на эту тему видео на ютубе
типа -как готовить svg

вроде бы там был описан единственый способ избежать этого - встраивать svg прямо в css в виде base64...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы