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

By | 16/11/2010


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

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

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

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

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

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

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

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

Как сделать фавиконку - 1

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

как сделать фавиконку-2

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

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

как сделать фавиконку-3

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

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

как сделать фавиконку-4

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

как сделать фавиконку-5

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

как сделать фавиконку-6

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

как сделать фавиконку-7

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

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

как сделать фавиконку-9

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

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

как сделать фавиконку-10

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

как сделать фавиконку-11

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

как сделать фавиконку-12

Если в рекомендованных программах его не будет, то нажмите «Выбрать программу». Там точно есть перечень установленных на компьютере браузеров.

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

Предыдущие статьи о фавиконах:

Что такое фавикон и зачем он нужен?

Где найти (скачать) фавикон.

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

Где найти (скачать) фавикон для сайта на бесплатном хостинге.

...Сообщите об этой статье своим друзьям:
Благодарю Вас!
А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи.

Удачи!

Автор: Сергей Ваулин

Похожие записи по этой теме:

Оставить комментарий

Your email address will not be published. Required fields are marked *