Метка: иконка

Как сделать иконку (favicon) для своего сайта WordPress?

Как сделать иконку (favicon) для своего сайта WordPress?

Приветствую вас читатели. Как вы уже скорее всего догадались по картинке, иконка сайта это некая пиктограмма, расположенная возле названия сайта, в выдаваемом списке поисковой системы. Как же всё таки её сделать самостоятельно? Для этого нам понадобится стандартная графическая программа, установленная по умолчанию в OS Windows под названием Paint 3D , найти её можно набрав название в графе поиск возле меню пуск (касается OS Windows 10 ). Далее процесс изготовления можно посмотреть в видеоролике, расположенном ниже.

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

Но на этом процесс изготовления не заканчивается потому что иконка получилась слишком большой (примерно 250х203 пикселя) и в формате png , а для того чтобы всё сработало необходима иконка размером 16х16 пикселей и в формате ico, полное название файла выглядит так favicon.ico . Чтобы преобразовать в нужный размер и формат пришлось обратиться к Яндексу . Был найден сайт где и было сделано это преобразование бесплатно и без регистрации . Когда пройдёте на сайт перед вами откроется эта страница.

Далее нажимаем кнопку «выбрать» в правом конце строки с надписью » Выбрать изображение с компьютера…» откроется проводник Windows, в котором необходимо найти вашу иконку, отметить её левой кнопкой мыши и в правом нижнем углу проводника нажать кнопку открыть.

После этого ваша картинка загрузится на сайт и под строкой с кнопкой «выбрать» появится кнопка «создать favicon»

Нажимаем эту кнопку и через мгновение на её месте появится кнопка «Скачать favicon.ico»

Нажимаем её, откроется проводник и в нём выбираем папку в которую хотим загрузить файл favicon.ico», после этого нажимаем кнопку сохранить в правом нижнем углу проводника. В выбранной нами папке должен появиться вот такой файл.

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