Человек, работающий в сфере создания сайтов (или просто вебмастер, который создал себе сайт) может однажды столкнуться с таким понятием, как Favicon сайта.
Вот что отвечает на данный вопрос свободная энциклопедия – Википедия: Favicon (сокращенно от английского FAVorites ICON — «значок для избранного», от названия папки с закладками в Internet Explorer) – значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы (перед адресом сайта, например, 1000rabota.ru), а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.
Если так подумать, то можно сказать, что иконка favicon сайта – это своего рода логотип. Поэтому, чем интереснее и привлекательнее сделаете эту иконку, тем больше есть вероятность выделиться среди других сайтов и привлечь внимание посетителей.
Содержание
Как создать favicon
Далее вам будет представлен прекрасный сервис по созданию и редактированию иконок, доступный по ссылке favicon.by
Тут всё предельно просто и доступно. Вот небольшая информация для тех, кто только впервые узнал о программе. Чтобы нарисовать иконку:
- Выберите карандаш для рисования.
- Определите необходимый вам цвет.
- Отмените последнее действие.
- Верните последнее действие.
- Получите доступ предпросмотра рисунка. То есть вы рисуете и параллельно внизу можете видеть результат своей работы.
- Скачайте favicon. Одним словом, вы в конечном итоге сохраняете иконку на свой компьютер.
Как видите, ничего сложного. Тут и сомнений нет в том, что вы сразу сориентируетесь, тем более сервис русскоязычный и справа сбоку есть комментарии как пользоваться панелью для рисования иконки.
Как сделать favicon из готового изображения
Предположим, вам не хочется рисовать favicon самостоятельно, однако, вы хотите «индивидуальную» иконку для блога. Что в таком случае можно предпринять и какие есть варианты? Вы можете заказать услуги по их созданию. Специалисты предложат вам несколько вариантов, останется лишь выбрать наиболее подходящую версию.
Ну, а если у вас есть какое-то любое изображение, сделанное на основе вашего блога или готовая картинка, то можете её загрузить прямо на сервис favicon.by и сгенерировать favicon.
Как это сделать
Допустим, вы хотите ту или иную иконку для сайта. Пример иконки загружается, а именно определённая картинка на сервис. Нажимаете на кнопку: «Выберите файл».
Далее, оказываетесь на странице, где можно отредактировать картинку: увеличить или уменьшить. После, нажимаете на «Далее».
После этого, сервис выдаёт вам пред просмотр того, как будет выглядеть готовый favicon в окошке браузера.
Можно поменять где-то цвета на картинке и по желанию изменить полностью цвет иконки. И не забудьте сохранить изображение себе на компьютер.
Как видите, данный сервис удобен в создании иконки favicon.
Где скачать готовый favicon
На самом деле, можете скачать уже готовые иконки из коллекции favicon и найти что-нибудь подходящее для своего блога на сервисах:
- favicon.cc – есть коллекция более, чем из 100 тысяч иконок, в том числе анимированных.
Как установить favicon на сайт
Теперь у вас есть своя иконка для сайта и вам осталось сделать пару шагов для его отображения в окне браузера.
Вам нужно скопировать favicon.ico в корневой каталог сайта: public_html, там, где находятся папки wp-admin, wp-content, wp-includes.
Это можно сделать:
- С помощью программы ftp-менеджера: FileZilla.
- В панели аккаунта хостинга: Диспетчер файлов.
Затем, заходите в админ панель своего блога и открываете файл header.php: Внешний вид – Редактор – header.php и прописываете путь до иконки. Нижеследующий код вставьте после открывающегося тэга head.
Путь до favicon
Вместо 1000rabota.ru – вставляете url адрес вашего сайта.
Сохраните файл header.php.
После всего этого смотрите результат. Если не сразу появилась картинка, то очистите кэш браузера и ещё раз проверьте.
Процесс индексации
Вы должны проявить максимальную внимательность и отнестись к процессу индексации фавикона очень тщательно, так как вопрос действительно предельно важен. Вообще, индексируется такая картинка у достаточно свежих сайтов в районе трёх недель. Что касается Яндекса, то ваш фавикон может попасть в специальную базу картинок даже раньше, уже спустя полторы-две недели. Так что, если надумаете его ставить или менять, учитывайте этот факт тоже и в первую очередь.
Каким должен быть размер
Ещё с самого начала устоялась такая традиция, что фавикон – это ничто иначе, как картинка размером 16 на 16 пикселей. На самом деле, сегодня допустим вариант даже 64 на 64, но всё же не рекомендуется отказываться от классической версии.
Вдобавок к этому не советуют делать картинку с несколькими слоями. Желательно, чтобы она занимала минимум места.
Несколько правил создания фавикона
Представьте, что вы разрабатываете для своего сайта фавикон. Далее вашему вниманию будут представлены несколько дельных советов, которые позволят создать идеальный вариант и обеспечить наилучший результат:
- Фавикон – это ничто иное, как визитка вашего сайта, его лицо. Ведь действительно, такая даже маленькая картинка играет куда более важную роль, нежели ей отводят её. Ваш фавикон должен, как минимум, вписываться в дизайн вашего сайта. Если тот выполнен в розовых оттенках, то и картинка будет сделана в том же направлении.
- Суть фавикона в том, чтобы позволить посетителям с первых секунд понять, о чём же именно будет сайт и что вам на нём готовы предложить. В общем, вам нужно исключить какие-то сложные элементы и свести всё к минимуму. Всё должно выглядеть лаконично и привлекательно.
- Если создаёте фавикон, не делайте так, что он охватывает только какую-то одну сферу вашей деятельности. Его содержимое должно являться отображением всего вашего проекта в целом. Особенно это касается интернет-магазинов. Вы не должны отображать на этой картинке что-либо из определённой категории. Важно понимать и учитывать даже такой нюанс.
- Чтобы понять, как выглядит идеальный favicon, просто посмотрите на то, какой он у популярных социальных сетей и прочих проектов. Наверняка просмотренные версии вдохновят вас своей простотой и лёгкостью, а также помогут создать идеальную картинку, которая лучшим образом отобразит суть вашего сайта.
Заключение
Теперь вы точно можете быть уверены в том, что при работе с сайтом никогда нельзя что-либо недооценивать. Казалось бы, даже самые безобидные мелочи в итоге оказываются чем-то важным и особо весомым. Это можно понять на примере того же фавикона.
Картинка размером 16 на 16 пикселей – казалось бы, что в ней может быть значимого? Но если начать разбираться во всех тонкостях, то становится понятным: это действительно то, что нельзя пропускать мимо ушей. Важно сконцентрировать внимание на том, чтобы создать лучший результат из всех возможных.
Такое маленькое изображение – это, в первую очередь, лицо вашего сайта, на которое всё же обращают внимание. Если вы всё сделаете правильно и вложите в это дело душу, то сможете заинтересовать и привлечь себе на сайт максимум посетителей.
