Как самому создать favikon значок веб сайта

Здравствуйте!

Сегодня я расскажу вам и покажу как самому создать для своего сайта значок фавикон, этот значок отображается в верху браузера рядом с названием вашего сайта.

Сервис Логастер

Перейдем от слов к практике. Среди русскоязычных сервисов стоит выделить онлайн-генератор Логастер. Вы можете с легкостью создать фавикон онлайн, что не требует сверх усилий или специальных знаний. Всего несколько кликов мыши и вы получите качественный фавикон для вашего сайта.

Логастер устроен так, что перед созданием фавикона, вам необходимо создать логотип, но это не занимает много времени, поэтому вы в считанные минуты сможете подобрать логотип, а затем на его основании создать фавикон. Итак, когда логотип уже создан, на странице логотипа необходимо нажать треугольник и выбрать — “Создать фавиконку с этим логотипом”:

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

Страница генерации фавикона:

Вам нужно только выбрать понравившийся дизайн. Есть возможность редактирования фавикона. Сервис Логастер подойдет тем, кто хочет быстро получить качественные файлы и уделяет особое внимание дизайну своего сайта, но не хочет тратить слишком много сил, денег и времени.

Сервис favicon.cc

Создать значок фавикон можно также с помощью онлайн сервиса – favicon.cc, данный сервис специально предназначен для этого.

Зайдите на сайт сервиса, на главной странице у вас будет специальный инструмент для создания значка. Здесь вы можете выбрать цвет значка. После выбора цвета вы можете начать заполнять область цветом, нажимая на квадратики.

К примеру, здесь вы можете выбрать цвет фона значка, а на нём уже написать заглавную букву своего сайта другим цветом. Так же здесь вы сможете сразу же наблюдать за результатом, внизу в окне Preview будет показано как значок отображается в браузере, и ещё результат можно будет наблюдать в верхней части браузера.

После создания значка фавикона, вам нужно будет в окне Preview, нажать на вкладку – Скачать фавикон.

В данном сервисе вы также сможете загрузить своё изображение значка, и преобразовать его в файл favicon.ico. Чтобы загрузить свой значок, слева в боковой колонке, нажмите на вкладку – Импортировать Изображение.

Далее, в окне Импорт изображения, нажмите на кнопку – Выберите файл, укажите файл, который вы хотите загрузить, выберите – оставить размер значка по умолчанию или обрезать в квадратный значок, и нажмите загрузить.

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

Что бы загрузить значок фавикона на свой сайт, вам необходимо загрузить ваш значок favicon.ico в корневую директорию вашего сайта, которая находится на вашем Хостинге. В корневой директории располагаются файлы вашего сайта. Если вы не знаете где находится корневой каталог вашего сайта, и как загрузить туда файл значка, то обратитесь в службу поддержки вашего хостинга, и вам объяснят.

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

Остались вопросы? Напиши комментарий! Удачи!