значок для сайта

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


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

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

 

САМСАЙ

 

 

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

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

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

 

фавикон логотип логастер

 

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

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

 

создать логотип фавикон для сайта

 

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

 

 

Сервис favicon.cc

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

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

 

САМСАЙ

 

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

 

САМСАЙ

 

 

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

 

САМСАЙ

 

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

 

САМСАЙ

 

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

 

САМСАЙ

 

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

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

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

 

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

 






info-effect.ru
Как самому создать favikon значок веб сайта обновлено: Ноябрь 22, 2017 автором: Илья Журавлёв

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru



WhatsApp 7 922 717 9869

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх