Почему генератор иконок fontello уменьшает толщину линий иконок?

Question

[ligisayan]

Всем привет! Есть нарисованная в иллюстраторе иконка:

Хочу создать семейство шрифтов в генераторе иконок Fontello, но почему-то он ее искажает и на выходе получаю иконку с тонкими линиями.

Как добиться изображения точь в точь, а именно в частности жирности линий?

Comments

[Zhainar]

Вообще некоторые размеры иконок надо рисовать отдельно, а не уменьшать большую картинку.

[Zhainar]

И я один вижу здесь косоглазого инопланетянина?)

Answer 1

[Pavel Designer]

Потому что в примере огромная иконка и малюсенькая. Уменьшите что угодно, любое растровое или векторное изображение, и всегда в уменьшенном и линии и остальное будет меньше. Это как бы очевидные вещи. Если бы у мелкой иконки была такая же толщина линий как у верхней, то она выглядела бы как черное пятно. но это все теория.
На практике кликаем на Help/Wiki далее пункт "How to use custom images" и вот здесь https://github.com/fontello/fontello/wiki/How-to-u... читаем о требованиях к загружаемым файлам, там всё чётко написано — без обводок, только один слитый воедино черный объект. Вот и ответ.

PS Хотите идеально одинаковой толщины линий во всех размерах? Создавайте отдельные иконки и адаптируйте их под разные размеры. Я всегда так говорю клиентам, на что мне всегда говорят «но вектор же можно масштабировать», а потом получают такой же результат и удивляются :D

PPS А вообще, чтобы мелкая иконка была более читаемой надо в крупной это учитывать. Сейчас вы нарисовали (или не вы, а кто-то другой) иконку, которая хорошо (а на самом деле нет) выглядит на пол экрана совершенно не учитывая мелкие размеры. Если не получается рисовать большую с учетом меньших размеров, то попробуйте сделать сначала мелкую, а потом её увеличить и посмотреть на результат. Потом берёте среднее значение и делаете финальный результат. Моя основная специализация это иконки, поверьте моему опыту)

Comments

[ligisayan]

Pavel Designer А какое у вас отношение к svg-спрайтам наподобие https://iconizr.com/

[Pavel Designer]

ligisayan: безразличное) Какими инструментами вставлять на сайт — это забота не дизайнера, а технолога/верстальщика. Это уже не мои компетенции)

[Нерон Лордов]

@pozZzitiv

которая хорошо (а на самом деле нет)

жара)

[ligisayan]

Pavel Designer: ок, понял - вдруг знаете)

[Pavel Designer]

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