Photoshop поможет создать качественную favicon

Photoshop поможет создать качественную favicon


Создать качественную FaviconНа сегодняшний день в интернете существует большое количество сайтов с помощью которых можно создавать favicon. Интернет-сервисы предоставляют возможность создавать иконки двумя способами:

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

Инструкция по созданию favicon для сайта в Photoshop

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

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

Cкачанный архив плагина нужно разархивировать в папку с установленным Photoshop

для версии CS5 в папку C:\Program Files\Adobe\Photoshop CS\Plug-Ins\File Formats

для версии CS6 в папку C:\Program Files\Adobe\Photoshop CS\Plug-Ins

и перезагрузить программу.

Далее, перейдите по контекстному меню «Файл» –> «Создать». Откроется окно, в котором нужно указать ширину и высоту будущей favicon. Выставляем 16 на 16 пикселей. В разделе «Содержимое фона» нужно выбрать «Прозрачный фон», а в разделе «Разрешение» выставить 96 пикс/дюйм. «Цветовой режим» должен быть выбран RGB и 8 бит.

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

После того, как картинка нарисована ее нужно сохранить в формате ico. Для этого в контекстом меню переходим в раздел «Файл» –>«Сохранить» или используем комбинацию клавиш ctrl+shift+s. В открывшемся окне выбираем тип файла – ICO (Windows Icon) и сохраняем под именем «favicon.ico».

Для справки. Файл favicon.ico должен быть размещен в корне сайта там, где располагается страница index.html. Для того, что бы проверить качество и правильность созданной иконки, зайдите на любую страничку Вашего сайта и посмотрите на адресную строку браузера. Если в адресной строке слева от URL сайта или во вкладке браузера отображается Ваша картинка, то все сделано верно.

В течении времени, от 7 дней до нескольких месяцев, favicon проиндексируется и будет отображаться в поисковой выдаче Яндекс.

Каналы TDblog в Яндкес Дзен и Google-новости

Подпишитесь, чтобы наши материалы стали доступны в вашей персональной ленте рекомендаций.
Комментарии
    Похожие статьи
    Ошибка 3194 в iTunes при восстановлении и обновлении iPhone
    Смартфоны

    Ошибка 3194 в iTunes при восстановлении и обновлении iPhone

    Обновление (перепрошивка) любой операционной системы, включая IOS — процесс довольно щепетильный, требующий максимум внимания и точности в выполнении. Это же относится и к восстановлению данных на девайсах компании Apple. Но бывают случаи, когд...

    Как подключить жесткий/ твердотельный диск к компьютеру
    Компьютеры

    Как подключить жесткий/ твердотельный диск к компьютеру

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

    Как установить SSD диск вместо DVD в ноутбуке
    Компьютеры

    Как установить SSD диск вместо DVD в ноутбуке

    Ни для кого не секрет, что сегодня многие владельцы ноутбуков уже не используют штатные встроенные DVD-приводы, поскольку популярность оптических дисков с каждым годом уменьшается, и на их место приходят компактные и вместительные USB-накопители. А д...

    Сайты самостоятельного изучения английского языка онлайн
    Интернет

    Сайты самостоятельного изучения английского языка онлайн

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

    Как остановить обновление iOS на любом этапе загрузки
    Смартфоны

    Как остановить обновление iOS на любом этапе загрузки

    Apple рекомендует в обязательном порядке устанавливать актуальные версии iOS. Разработчики ПО постоянно устраняют баги, мелкие ошибки, уязвимости в системе безопасности и т. д. Однако в случае необходимости всегда можно остановить обновление iOS...

    Сhromebook - нетбук от Google
    Обзоры

    Сhromebook - нетбук от Google

    Название Хромбук появилось достаточно недавно. Это семейство нетбуков под управлением операционной системы Chrome OS от корпорации Google, которые решают стандартные задачи весьма нестандартным способом. Давайте рассмотрим их более подробно.Chromeb...