Создай свой сайт - Как сделать из картинки фавиконку |

Время чтения: 4 мин.

В конце статьи есть перечень предыдущих статей, они могут Вам понадобиться.

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

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

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

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

Для этого после окончания скачивания в окне «Загрузки» кликните правой кнопкой мыши по наименованию файла и выберите «Открыть папку с файлом». У Вас откроется та папка, куда был скачан файл. Посмотрите название папки и в строке «Адрес» — где ее искать.

После того, как Вы нашли папку, оцените – всю фотографию или только ее часть Вы будете использовать. Лучше использовать часть ее. Для этого кликните по файлу с фотографией правой кнопкой и выберите «Открыть с помощью…» и далее кликните по «Paint.NET». То есть поступаете точно так же, как и при редактировании скриншотов.

Откроется Paint.NET с нужной фотографией:

С помощью инструмента «Выбор прямоугольной области» (показан стрелкой) выбираете часть фотографии, стараясь чтобы она была квадратной. В меню выбираете «Обрезать по выделению» и вырезаете выделенную область. Должно получиться так:

Я не пишу здесь очень подробно, кто знает, тот сделает сам, а кто не знает –прочитайте подробную статью-инструкцию «Редактируем скриншот».

Теперь переходим на один замечательный бесплатный сервис – http://www.cy-pr.com

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

В левой части страницы имеется раздел «Иструменты». Их много, часть из них показана на скриншоте. Нам сейчас нужен инструмент под названием Favicon.ico генератор.

Кликаете по этой строчке и откроется сам генератор:

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

В окне генератора «Исходное изображение» пропишется путь к Вашей картинке и жмете на «Конвертировать».

И Favicon.ico генератор сделает Вам нужный файл:

Но может быть и так:

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

Потом, как обычно, кликаете по картинке правой кнопкой и нажимаете «Сохранить как…». Можете открыть папку «Загрузки» и убедиться, что формат полученного изображение именно ico:

И в папке «Мои рисунки» смотрите на получившееся изображение:

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