michael_mashush
@michael_mashush

Как сделать SVG чётче?

Знаю что такие вопросы уже были, я сам множество из них перечитал, но мало ли получится узнать что-то новое. Итак, есть svg-иконки на странице, средний размер которых составляет 20x20 пикселей. Большинство из них выглядят неплохо, но вот некоторые - вообще ужасно. Пример:

656621e07e0c7496137320.jpeg
656621e8e8d87046076024.jpeg

Специально показываю как выглядит иконка знака "плюс" - что с ней можно сделать? На светлом фоне она смотрится более менее терпимо, но на черном - просто ужасно. Игрался со свойством shape-rendering - иконки все равно выглядят ужасно.
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
SeaInside
@SeaInside
15 лет пилю все эти штуки
Нарисовать надо по пиксельной сетке, иллюстрирую:

65663114addb4709037114.jpeg
Если дизайнер изначально об этом не думал, когда рисовал (точки поставлены наобум, либо используется не целочисленная величина обводки) - вы с этим ничего не сделаете.

На экранах повышенной плотности, к слову, эффект менее заметен (что не особо радует всех остальных).
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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