Създаване на лого и favicon

Създайте безплатно лого от текст: палитра, шрифт от Google Fonts, градиент, контур, след което изтеглете SVG или директно генерирайте favicon.

Започнете с палитра
Изберете палитра, за да зададете цветовете. Можете да промените всичко след това.
Преглед

Създайте лого, ако все още нямате

Новият проект невинаги има визуална идентичност, но се нуждае от favicon още при първото публикуване. Инструментът за лого започва от нещо налично: името. Една или две букви, шрифт от Google Fonts, цвят на фона и получавате монограм, четлив както на 16, така и на 512 пиксела.

Защо монограмът работи толкова добре

В размера на браузърен раздел подробното лого се превръща в петно. Инициалите остават разпознаваеми: затова толкова марки използват отделна буква като икона на приложение. Ограничете се до три знака, изберете плътен шрифт и запазете силен контраст между текста и фона.

Чист SVG с текст, преобразуван в контури

Логото се експортира в SVG с текст, преобразуван във векторни контури. Това е необходимо за favicon: SVG с връзка към външен шрифт няма да го покаже, защото браузърът не зарежда отдалечени ресурси в тази среда. Полученият файл е самостоятелен, малък и се преоразмерява без загуба до всеки размер в пакета.

От лого до пълен комплект favicon

След като създадете логото, бутонът за генериране го изпраща директно към генератора на favicon, запазвайки прозрачността и цветовете. Там настройвате фона на иконата за iOS, тъмния вариант и името на приложението, а после изтегляте пълния пакет. На нито един етап изображение не преминава през сървър.

Често задавани въпроси за създаването на лого

Какво още да прочетете и изпробвате

Другите инструменти на LFFavicon и ръководства с отговори на най-честите въпроси.

Инструменти

Ръководства