Фавикон - это сокращение от «избранный значок» (в переводе с английского языка). Название происходит от списка закладок в 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.

После установки 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 , в зависимости от типа изображения.

Сразу после установки оригинальной операционной системы Windows 7 любой разрядности на рабочем столе будет отображаться только один значок – «Корзина». По умолчанию значок «Компьютер» на рабочем столе не отображается, зато на панели задач закреплён значок «Проводника» в виде полуоткрытой жёлтой папки, с помощью которого можно открыть, переименовать, удалить или скопировать любой файл с Вашего жёсткого диска. Но у каждого свои привычки, и, возможно, кому-то удобнее пользоваться значком «Компьютер» или, как его все запомнили с операционных систем старых версий, «Мой компьютер». Но как добавить значок «Компьютера» на рабочий стол в операционной системе Windows 7? Рассмотрим два основных способа.

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

Теперь значок «Компьютер» будет отображаться на рабочем столе Windows 7 . Вам останется только выбрать место, где он будет располагаться – классически в левом верхнем углу или где-нибудь ещё. Ничего сложного в этом способе нет – справятся даже дошколята. Удалять значок и снова добавлять его на рабочий стол можно сколько угодно раз. Операционной системе это не навредит.


Теперь рассмотрим ещё один способ, воспользовавшись которым ярлык «Компьютера» станет доступным для использования на рабочем столе операционной системы Windows 7. Для этого на свободном от значков месте рабочего стола щёлкните правой клавишей мыши, чтобы вызвать контекстное меню, из которого нам потребуется пункт «Персонализация». По нему и кликаем левой клавишей мыши.


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

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

Значок «Компьютера» теперь отображается на рабочем столе, чего мы и добивались. Каким именно способом Вы воспользуетесь, чтобы обогатить рабочий стол Windows 7 дополнительным значком, решать Вам. Если всё же что-то оказалось непонятным, не стесняйтесь спрашивать в форме комментариев к статье. Будьте с компьютером на «ты»!

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

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

Но не все знают, что помимо ввода символов, которые мы видим на своей клавиатуре, в Windows существует возможность использовать также и другие символы.

Например:

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

Допустим самый простой вариант - мы набираем текст в Блокноте (Пуск - Все программы - Стандартные - Блокнот ) и нам надо вставить в текст символ копирайта:

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

Перед нами откроется таблица символов в Unicode , в которой надо найти необходимый нам символ:

*Примечание: Unicode - международный стандарт кодирования символов, позволяющий представить знаки практически всех письменных языков. Изначально создавался специально, чтобы привести большое количество разномастных систем к единому виду, и, соответственно, устранить все ошибки, связанные с кодировками.

После этого надо щелкнуть этот символ левой кнопкой мыши, потом нажать кнопку Выбрать и кнопку Копировать :

Тем самым мы скопируем выбранный символ в буфер обмена.

После этого нужный нам символ появится в тексте:

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

Дело в том, что в Windows очень многим символам присвоен уникальный код, ввод которого осуществляется при помощи клавиши Alt .

Например, чтобы ввести тот же символ копирайта необходимо нажать комбинацию клавиш Alt+0169 , т.е. нажать (и удерживать) клавишу Alt , после чего нажать клавиши с цифрами 0 , 1 , 6 и 9 .

Имейте в виду, что при нажатой клавише Alt цифры на основном поле клавиатуры могут блокироваться, и поэтому, для ввода цифр можно использовать дополнительное поле клавиатуры (предварительно включив его клавишей NumLock ): нажав клавишу Alt и не отпуская её, включаем дополнительную цифровую клавиатуру (справа) клавишей NumLock (иногда она включается автоматически ещё при старте Windows) и набираем на ней, например, 0136 . После чего отпускаем Alt . И символ появляется в том месте документа, где стоял курсор. В нашем примере это будет значок евро (€ )

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

Посмотреть какая комбинация клавиш соответствует выбранному символу можно в правом нижнем углу Таблицы символов :

Если некоторые символы вы будете использовать постоянно, то я рекомендую создать для себя (таблицу с описанием часто используемых кодов) и распечатать её на принтере. Например, такую:

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

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

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

PS. Можно создать ярлык на Таблицу символов и разместить его на Рабочем столе или на Панели быстрого запуска, либо закрепить в меню Пуск, чтобы она всегда была под руками.

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

Также следует учитывать, что в некоторых текстовых редакторах не все специальные символы вводятся корректно.