Если вы читаете этот пост, то вы уже задавали себе этот вопрос: что такое фавикон?
Так что же такое фавикон (favicon) - это маленькая иконка размером 16х16 пикселей в формате .ico или .png, которая стоит рядом с названием вашего сайта или блога. Кстати многие "уважаемые блоги" имеют эту фенечку. И вот так выглядит мой фавикон в окне браузера Firefox.
А вот так выглядит favicon в папке "Закладки".
Заманчиво, не правда ли. С учетом того, что аналитики провели исследование, и статистика показывает, что с фавиконом сайты быстрее бросаются в глаза, что повышает в разы посещаемость сайта. Да и однажды запомнив фавикон, потом легче найти данный ресурс визуально у себя в "Закладках" к примеру. Вот и я создал иконку, чтобы испытать это утверждение на практике.
Не терпится заиметь подобный favicon? Как сделать favicon? Очень просто.
Для начала нужно фавикон нарисовать. И чтобы облегчить нашу задачу воспользуемся сайтом Favicon Generator. На данном сайте можно нарисовать фавикон самому или воспользоваться вашим рисунком с компьютера (рекомендую вам использовать рисунок максимально приближенный к вашему блогу или сайту) , который можно в последствии подработать.
Итак начнем:
Первый вариант: для примера я возьму мою иконку.
1. Выбираем цвет в гамме, нажимаем на соседний квадратик, в примере "красный цвет"
2. Рисуем, закрашивая красным цветом квадратики. По аналогии используем другие цвета.
3. "Лишние квадраты" можно удалить с помощь первого квадрата в вашей выбранной палитре цветов.
4. Если иконка не понравилась - нажмите на Clear All. Весь рисунок сотрется.
5. Фавикон нарисован - далее жмем на Make Favicon! Появится новое "светло зеленое окошечко" с вашим фавиконом.
6. Сохраняем favicon на компьютер с помощью правого клика мышки по иконке в окошечке.
Второй вариант: по быстрому. Возьму для примера кнопку RSS.
1. Загружаю картинку на сайт. Появится в другом окне моя кнопка. Здесь можно уменьшить или увеличить видимую часть рисунка. Жмем Crop picture.
2. Корректируем полученное изображение если необходимо.
Так что же такое фавикон (favicon) - это маленькая иконка размером 16х16 пикселей в формате .ico или .png, которая стоит рядом с названием вашего сайта или блога. Кстати многие "уважаемые блоги" имеют эту фенечку. И вот так выглядит мой фавикон в окне браузера Firefox.
А вот так выглядит favicon в папке "Закладки".
Заманчиво, не правда ли. С учетом того, что аналитики провели исследование, и статистика показывает, что с фавиконом сайты быстрее бросаются в глаза, что повышает в разы посещаемость сайта. Да и однажды запомнив фавикон, потом легче найти данный ресурс визуально у себя в "Закладках" к примеру. Вот и я создал иконку, чтобы испытать это утверждение на практике.
Не терпится заиметь подобный favicon? Как сделать favicon? Очень просто.
Для начала нужно фавикон нарисовать. И чтобы облегчить нашу задачу воспользуемся сайтом Favicon Generator. На данном сайте можно нарисовать фавикон самому или воспользоваться вашим рисунком с компьютера (рекомендую вам использовать рисунок максимально приближенный к вашему блогу или сайту) , который можно в последствии подработать.
Итак начнем:
Первый вариант: для примера я возьму мою иконку.
1. Выбираем цвет в гамме, нажимаем на соседний квадратик, в примере "красный цвет"2. Рисуем, закрашивая красным цветом квадратики. По аналогии используем другие цвета.
3. "Лишние квадраты" можно удалить с помощь первого квадрата в вашей выбранной палитре цветов.
4. Если иконка не понравилась - нажмите на Clear All. Весь рисунок сотрется.
5. Фавикон нарисован - далее жмем на Make Favicon! Появится новое "светло зеленое окошечко" с вашим фавиконом.
6. Сохраняем favicon на компьютер с помощью правого клика мышки по иконке в окошечке.
Второй вариант: по быстрому. Возьму для примера кнопку RSS.
1. Загружаю картинку на сайт. Появится в другом окне моя кнопка. Здесь можно уменьшить или увеличить видимую часть рисунка. Жмем Crop picture.
2. Корректируем полученное изображение если необходимо.
3. Повторяем остальное из пп. 5 и 6.
Теперь любуемся результатом.
Ура, favicon готов для публикации.
Продолжение в следующем посте:
Как вставить favicon в шаблон блога.
Теперь любуемся результатом.
Ура, favicon готов для публикации.
Продолжение в следующем посте:
Как вставить favicon в шаблон блога.
3 комментария:
Отлично, с радостью буду учиться. Ато что то мне что-то мой стандартный шаблон надоел, хочется расширить его)))).
Наверное для начала нужно у себя это всё сделать, чтоб другим показывать на примере. Т.е. чтоб было понятно что работает.
Запостил продолжение. Пробуйте - у меня работает.
Отправить комментарий