Как создать favicon на сайт в 2 клика

Как создать favicon на сайт в 2 клика

Favicon это иконка, её можно назвать аватаркой сайта, по которой ваш сайт будет узнаваем в сети.

Но она имеет разрешение 16х16 пикселей, вы её можете видеть вверху во вкладке браузера, в поиске гугла слева от сайта.

Свою первую фавикон икноку я создавал на сайте – Favicon.ru.

Как создать favicon на сайт в 2 клика

Я создал картинку синий фон в программе Paint, потом с помощью программы Picasa установил посередине английскую букву и загрузил на сайт Favicon.ru выбрав “Сделать favicon из изображения“. После этого моя иконка была готова.

Как создать favicon на сайт в 2 клика

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

Но вот недавно у меня упал сайт в связи с моими экспериментами и я пора создать новый фавикон. Пусть будет как у Кола-Колы красный и белый цвет, то есть белые буквы на красном фоне.

Как создать favicon на сайт в 2 клика

У меня уже были красивые фоны, которые я нашел для своего ютуб канала, потому я немного подредактровал, сделал красный фон и поставил английскую букву A , и загрузил на сайт pr-cy.ru/favicon/.

Создавать фон можно, как в программе Paint , так и любых других.

Как создать favicon на сайт в 2 клика

 

Подписать картинку, а точнее поставить букву можно, как в Google Picasa, так и в мобильных вроде Phonto, который доступен на Android и iOS. У них обоих достаточно разных шрифтов.

Где достаточно загрузить картинку на сайт и сделать себе фавикон в 2 клика.

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

Все теперь скачиваем иконку и идем устанавливать.

Установка Favicon на сайт

Установить Favicon на сайт можно как через FTP , с помощью программы, так и через файловый менеджер на вашем хостинге.

Выбираем Файловый Менеджер 

Далее Файл – Загрузить и выбираем ваш favicon.ico. Иконку фавикон нужно грузить в корень вашего сайта, там где есть остальные файлы блога.

Теперь перезагружаем страницу и видим вашу иконку на сайте.

Установка Favicon на сайт

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

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