Фавикон - это сокращение от «избранный значок» (в переводе с английского языка). Название происходит от списка закладок в Internet Explorer, который называется «Избранное»/«Список избранного». При добавлении сайта в закладки Explorer (версии 5 и выше) обращается к серверу с запросом, имеет ли ресурс файл favicon.ico. Если такой файл существует, он будет использоваться для предоставления значка, который отображается рядом с закладкой с текстом.

Другие браузеры (например, Mozilla) также имеют поддержку для фавиконок. В зависимости от программы для поиска, этот значок может отображаться в различных местах, не только в списке закладок (на самом деле, он может даже не появляться там). Он отображается в или заголовке вкладки браузера.

Значки на вкладках браузера

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

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

Как создать фавикон?

Чтобы создать favicon.ico, вам необходимо просто сохранить PNG-файл размером 16х16 и преобразовать его в значок ресурса с png2ico. По собственному усмотрению, вы можете добавлять различные изображения в один и тот же значок, чтобы обеспечить альтернативные решения. Большинство браузеров используют только формат 16x16 для такого изображения, но в другом контексте (например, при перетаскивании URL из адресной строки на рабочий стол) большая иконка может быть отображена на рисунке. Если значок ресурса содержит только изображения 16х16, он будет масштабироваться до нужного размера, поэтому технически совершенно не нужно добавлять альтернативные решения. Однако это может повысить качество изображения. Перед тем, как установить фавикон на сайт, обязательно просмотрите, как выглядит картинка в разных размерах.

Имейте в виду, что для пользователя с медленным интернет-соединением фавикон может увеличить время загрузки страницы на несколько секунд. Это возможно, если файл изображения слишком большой, поэтому не переусердствуйте. Добавление альтернативы формата 32х32 должно быть достаточно, чтобы картинка начала хорошо смотреться даже в ситуациях с крупными значками. Использование большего количества вариантов - это бонусы, выполняемые только по желанию разработчика сайта. Старайтесь поддерживать количество цветов до 16 и создавайте 16-цветную иконку с помощью png2ico (или даже черно-белый значок). Это позволит сохранить меньший файл, который загружается быстрее.

При создании изображения для добавления в favicon.ico не стоит забывать и о том, что иконки могут быть отображены на различном фоновом цвете. По этой причине лучше использовать прозрачность, а не сплошной фон. Хорошо подумайте над тем, как установить фавикон наиболее грамотно, чтобы он гармонировал с любым задним планом. Стоит отметить, что можно устанавливать промежуточные значения, которые измеряются в процентах. Специалисты говорят о том, что идеальной является настройка, включающая в себя примерно 30-40% прозрачности фона.

Вы можете использовать логотип вашего бренда, символ тематики ресурса или любимое изображение, чтобы сделать ваш индивидуальный значок сайта. Рекомендуемый размер для фавикона - не менее 512 пикселей в ширину и в высоту. Изображение должно быть квадратным, но можно использовать большие прямоугольные картинки. Многие движки позволят вам обрезать картинку, когда вы будете добавлять ее (поэтому не стоит волноваться о том, как установить фавикон на SMF в виде большой картинки).

Создание иконки с помощью «Фотошопа»

Специалисты рекомендуют использовать например, Adobe Photoshop или GIMP. Это позволит создать значок сайта ровно 512×512 пикселей. Таким образом, вы можете сохранить точные пропорции картинки, использовать прозрачные изображения или залить фон на ваш выбор. Эта картинка может быть в JPEG или GIF. После этого нужно определить, как установить фавикон на сайт.

Зачем нужно добавлять на сайт?

Как уже было отмечено, иконка favicon - это маленький значок, который появляется рядом с названием сайта в браузере. Он помогает пользователям идентифицировать ссылку, а более частые посетители вашего сайта будут моментально определять это маленькое изображение. Это повышает узнаваемость бренда и помогает завоевать доверие среди аудитории. Таким образом, фавикон определяет «личность» вашего сайта. Кроме того, он также улучшает юзабилити и пользовательский опыт сайта.

Как установить фавикон на сайт html

Чтобы добавить ваш новый фавикон на веб-страницу, следует установить его на сервер в ту же папку, где расположена веб-страница (например, www.example.com/foo/favicon.ico для www.example.com/foo/index.html). Это те данные, которые в первую очередь любой браузер будет искать для загрузки. Если он не найдет иконку, то проверит каталог верхнего уровня сервера (www.example.com/favicon.ico для www.example.com на сервере). По этой причине, если вы установите его там, сможете иметь значок по умолчанию для всех страниц вашего домена. В зависимости от браузера и конфигурации, фавикон не всегда отображается, даже если он находится в одном из вышеуказанных мест и веб-страница видит его.

Для того, чтобы прописать в коде страницы наличие фавикона, можно добавить следующие 2 строки в разделе :

< link rel="icon" href ="favicon.ico" type= "image/x-icon" >
< link rel="shortcut icon" href ="favicon.ico" typ e="image/x-icon" >

Как добавить фавикон на блог WordPress

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

Как добавить фавикон в WordPress

Начиная с версии WordPress 4.3 можно добавить favicon на сайт из области администратора. Просто перейдите в «Вид»/«Настройки» и выберите вкладку «Сайт».

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

Добавление фавикона на блог

Дальнейшая инструкция, как установить фавикон, выглядит следующим образом. Если изображение, которое вы загружаете, превышает рекомендуемый размер, то WordPress позволит вам обрезать его. Если он соответствует рекомендованным параметрам, вы можете просто сохранить изменения. Стоит отметить, что инструкция, как установить фавикон на сайт Joomla, выглядит аналогичным образом.

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

Как установить фавикон на WordPress старой версии (4.2 или ниже)

Загрузите свой фавикон в корневой каталог сайта по После этого можете просто вставить этот код в файл header.php нужной темы.

< link rel="icon" href ="http://www.example. com/favicon.png" type= "image/x-icon" >

< link rel="shortcut icon" href ="http://www.example. com/favicon.png" type= "image/x-icon" >

Замените wpbeginner.com на URL вашего сайта, и все будет сделано. Если блог не имеет файла header.php или вы не можете найти его, то используйте специальный плагин. Установите и активируйте его в настройках сайта. После активации плагина зайдите в «Настройки», найдите пункт «Вставка колонтитулов», перейдите к вкладке «Вставка кода», приведенного выше в разделе заголовка, и сохраните настройки.

Если не хотите разбираться с тонкостями работы с FTP, но при этом все же интересуетесь, как установить фавикон, также можете использовать специальный плагин, который регулирует загрузку иконки на всех этапах. Такие дополнения к движку доступны не только для WordPress, но и для других популярных систем, в том числе для Joomla.

Инструкция

Щелкните по фоновому изображению рабочего стола правой кнопкой мыши, чтобы получить доступ к «контекстному меню». В нем раскройте раздел «Создать» и выберите пункт «Ярлык». В результате этого действия откроется окно мастера создания ярлыка на рабочем столе.

Нажмите кнопку «Обзор» и в открывшемся окошке найдите и щелкните файл программы или документа, иконку которого вы хотите видеть на рабочем столе. Затем в диалоге поиска файла нажмите кнопку «OK», а в окне мастера создания ярлыка - кнопку «Далее».

Наберите текст подписи под создаваемым ярлыком и щелкните по кнопке «Готово». Окно мастера закроется, а ярлык появится на рабочем столе.

Есть другой способ, который позволяет одновременно создавать целую группу ярлыков. Чтобы им воспользоваться, вам нужно запустить Проводник Windows. Это можно сделать двойным щелчком по иконке «Мой компьютер» на рабочем столе или нажатием сочетания клавиш win + e. Затем, используя дерево папок в левой панели Проводника, перейдите в каталог, содержащий файлы, ярлыки которых вы бы хотели поместить на рабочий стол.

Выделите нужный файл или группу файлов. Для выделения группы можно щелкнуть первый файл в списке, а затем нажать клавишу shift и, не отпуская ее, выделять последующие файлы с помощью клавиш со стрелками. А можно перещелкать мышкой все нужные файлы при нажатой клавише ctrl.

Перетащите выделенный файл (или группу файлов) на рабочий стол, используя правую кнопку мыши. Когда вы отпустите кнопку, Проводник покажет меню с набором команд - выберите пункт «Создать ярлыки» и на этом операция будет завершена.

Если ссылка на программу, иконка которой нужна вам на рабочем столе, есть в главном меню на кнопке «Пуск», то оттуда ее тоже можно перетащить на рабочий стол правой кнопкой мыши. Но в этом случае после того, как вы отпустите кнопку, в меню надо выбрать либо пункт «Копировать» (если в главном меню тоже надо оставить ссылку на программу), либо «Переместить» (если ссылка в главном меню больше не нужна).

Видео по теме

Обратите внимание

Иконки статуса icq и skype. Мне понадобились иконки статутсов этих двух сетей в едином стиле. И вообще у скайпа только одна маленькая иконка некрасивая и неподходящая и это меня не устраивает (а вас?). Как всегда, показываю с чего начиналось. Иконки вместе с php-скриптом (выдающим свои иконки вместо стандартных) продаются.

Полезный совет

Щелкните правой кнопкой мыши или нажмите и удерживайте плитку Skype для Windows 8. Выберите Меньше в списке параметров в нижней части экрана, чтобы уменьшить размер плитки Skype. Перетащите значок Skype для Windows desktop рядом с плиткой Skype для Windows 8. Skype для Windows desktop и Skype для Windows 8 будут отображаться в одной плитке.

Источники:

• как перетащить значок

Чтобы запустить на компьютере определенное приложение, нужно воспользоваться предусмотренным для этого ярлыком. Сегодня существует несколько способов, которые позволяют пользователю запускать ярлыки.

Вам понадобится

• Компьютер.

Инструкция

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

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

Нередко случаются такие ситуации, что ни двойной по ярлыку, ни его запуск через опции, не активируют приложения. В таком случае, чтобы запустить ярлык, вам следует выполнить следующие действия. Кликните по ярлыку правой кнопкой мышки. Среди всех функций выберите опцию «Запуск от имени…».

Откроется окно, в котором вам нужно галочку напротив параметра «Администратор». После того, как галочка будет поставлена, нажмите на кнопку «ОК». Приложение будет запущено системой с . Если же ярлык по-прежнему не будет , вероятно, что он . В таком случае вам следует попытаться запустить через его корневую папку.

Видео по теме

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

Вам понадобится

• Начальные навыки владения персональным компьютером.

Инструкция

Если ярлыка игры на Рабочем столе нет, то откройте директорию, в которою была установлена игра. Обычно размещения игр располагается на диске, на котором находится операционная система и, следовательно, все стандартные системные папки. Обычно путь до игры так - "C:Games<Папка с игрой>". Также игровые могут находиться и в системной "Program Files". В папке с игрой должны находиться все файлы, обеспечивающие нормальную работу приложения и его взаимодействие с системой. Среди этих должен быть один исполнительный файл, запускающий непосредственно саму игру. Данный файл в большинстве случаев носит название самой игры, а его соответствует исполнительному файлу (то есть его окончание - ".exe"). Для запуска игры просто щелкните по данному исполнительному файлу два раза левой кнопкой мыши.

Запустить игру без ярлыка можно также и другим способом. Для его реализации вызовите меню "Пуск" (находится на Панели задач слева). В появившемся меню наведите курсор мыши на строчку "Все ". После этого перед вами появится список всех программ, установленных на вашем персональном . Среди них найдите вкладку с названием нужной игры и также наведите на нее курсор мыши. В выплывающем списке выберите Строчку с названием игры и щелкните кнопкой мыши. Игра запустится.

Полезный совет

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

В меню "Все программы" приложения, установленные недавно, подсвечиваются желтым цветом. Поэтому, если игра установлена не так давно, то можно легко ее увидеть.

Наверное, у каждого пользователя ПК есть свой набор программ, которыми он пользуется каждый день. Но когда изо дня в день видишь одни и те же и , появляется желание внести хоть какое-нибудь разнообразие. А что делать, если готовые варианты иконок не устраивают? Нарисовать иконку самим! Это не отнимет у вас много времени.

Инструкция

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

Скачайте себе программу «Студия иконок». Установите ее на компьютер. После установки, при первом запуске, вы увидите предупреждение о том, что данная программа дается в бесплатное использование лишь на 30 дней. Однако нет необходимости сразу приобретать регистрационный ключ. По истечении срока пробного периода удалите вашу программу и скачайте ее заново, после установки получив еще 1 месяц бесплатного использования.

Выбирайте необходимые вам настройки при первом запуске программы, просто нажимая кнопку «Ок». Впрочем, заострить внимание следует только на последнем диалоговом окне, где вам будет предложено выбрать размерность будущей картинки и ее цветовую гамму. После выбора данных настроек вы попадете в окно непосредственного создания новой картинки.

Перейдите в область рабочего стола и выберите ярлык, который вы хотели бы заменить на свой. Нажмите по ярлыку правой кнопкой мыши, вызвав контекстное меню. В меню используйте пункт «Свойства» (последний в списке). Перед вами откроется окно редактирования параметров выбранной иконки.

Всем привет!

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

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

Фавикон (favicon) – значок веб-сайта размером 16 x 16 (или 32 x 32, но не более). Он отображается во вкладке браузера. Выглядит это так:

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

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

Подведем небольшие итоги:

• Favicon влияет на поведенческие факторы и кликабельность в выдаче.
• Поисковые роботы также могут учитывать наличие или отсутствие фавикона.
• Такой технический недочет может привести к падению трафика.

Иными словами, если у вас вообще возникает вопрос: добавить favicon или же нет, то ответ очевиден – обязательно добавлять.

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

Где скачать готовый вариант

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

Просто вводим в поисковик нужный запрос, что-то типа “Скачать готовый favicon”, после этого вам будет представлено огромное количество самых разных вариаций.

Скачиваем картинку себе на ПК, а после устанавливаем на сайт. Все просто. Они доступны абсолютно бесплатно, никто вас ругать не будет. Хотя если речь идет о компании, пусть даже мелкой, то при обнаружении чужого логотипа могут возникнуть неприятные казусы.

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

Но я еще раз повторюсь, что лучше будет создать фавикон самостоятельно.

Создание фавикона

Онлайн-сервисы

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

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

После установки Windows иногда отсутствуют значок «Мой компьютер», а также «Мои документы» и некоторые другие. Многим пользователям удобнее , когда эти значки всегда на виду.

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

Создание ярлыка

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

На рабочем столе и системном диске вообще нежелательно держать большие объемы информации. Почему так, написано в статье

1) Для создания ярлыка (до Windows 7 включительно ) необходимо установить курсор на необходимую папку или значок программы и нажать правую клавишу мыши (ПКМ) .

Выберите пункт «Отправить» и в меню нажмите «Рабочий стол» (создать ярлык).

2) В Windows 8 откройте начальный экран , установите курсор на необходимый значок и нажмите ПКМ . Затем выберите пункт, имеющий название «Открыть расположение файла» .

Настройка рабочего стола

Значок компьютера на рабочий стол (а также других элементов) можно добавить и другими способами.

1) Windows XP

На свободном месте экрана нажмите ПКМ и выберите «Свойства» . Затем перейдите на вкладку Рабочий стол. Найдите кнопку «Настройка рабочего стола» и нажмите ее.

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

Здесь же вы можете сменить значок объектов на рабочем столе.

2) Windows 7 и выше

На свободном месте экрана нажмите ПКМ и выберите «Персонализация» и выберите «Изменение значков рабочего стола» .

Подведем итоги

Теперь, если пропали иконки с рабочего стола, вы сможете самостоятельно решить проблему.

Возможно Вас также заинтересует статья .

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

Чтобы установить подобную «фичу», необходимо нарисовать изображение размером 16х16 пикселов и сохранить его в формате ICO в корне сайта под именем favicon.ico .

Adobe Photoshop не понимает формат ICO и не сохраняет в нем рисунки, так что для этой цели требуется дополнительный плагин.

Для работы плагина файл необходимо распаковать и сохранить в папке Plug-Ins\File Formats. По умолчанию программа Photoshop CS под Windows устанавливается в папке c:\Program Files\Adobe\Photoshop CS. Тогда полный путь для файла плагина будет c:\Program Files\Adobe\Photoshop CS\Plug-Ins\File Formats.

После добавления плагина, при сохранении рисунка в списке доступных форматов появляется новый пункт «Windows Icon».

Остается сделать желаемую иконку 16х16 пикселов и сохранить ее под именем favicon.ico в корне сайта. Браузер автоматически ищет этот файл и добавляет его в адресную строку, а также закладки.

Файл не обязательно должен располагаться в корне сайта, но тогда следует указать браузеру, где он находится. Это делается через тег , как показано ниже.

Атрибут href задает расположение и имя файла.

Формат рисунка не обязательно должен быть ICO, также допускается использование GIF и PNG. При этом необходимо сменить значение атрибута type на image/gif или image/png , в зависимости от типа изображения.