Наверняка многие из вас встречали сайты и приложения, где в качестве аватарки пользователя использовался первый символ имени на цветном фоне. Далеко ходить не надо, как пример — Телеграм. Как-то давно я написал себе небольшую js-функцию для этого, которую периодически тяну в свои проекты. Так вот, я решил её слегка обновить и опубликовать в качестве npm-пакета, чтобы можно было удобно её устанавливать и использовать.

letter-avatar-generator — библиотека, которая позволяет сгенерировать картинку из первого символа строки. За каждым символом закреплён определенный цвет фона. Поддерживается как латиница, так и кириллица. Можно задать кастомные настройки фона, текста и размер изображения. На выходе функция вернёт строку в формате base64, которую можно сразу использовать в качестве src для <img />.

Опубликовал пакет днём, но уже вечером получил первый issue с позитивным фидбеком и просьбой добавить возможность задавать кастомный размер символа. Это мой первый опыт в "open source". Приятно, что кто-то пользуется тем, что ты создал. Так что скоро подъедет апдейт. 😎