«Мыльные» иконки

При подготовке иконок к размещению на сайте большинство дизайнеров не замечает, что отрисованные в Ai иконки экспортируются «мыльными».

Вроде бы всё хорошо

Но стоит включить в настройках «Просмотр в виде пикселов», как «мыло» сразу вылезет наружу. Это происходит по причине того, что контурные линии идут вразрез с пиксельной сеткой:

Эффект «мыла» будет присутствовать как при сохранении в jpg, так и в png.

Как уже можно было догадаться, сделать хорошо достаточно просто — необходимо контурные линии выравнивать по пиксельной сетке. Или просто сохранять иконки в формате svg (что, к сожалению, не во всех проектах до сих пор является возможным).

Когда сделал хорошо.
Поделиться
Отправить
Запинить
Популярное