Как создать favicon из изображения

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

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

Если у вас уже есть квадратный логотип, преобразование займёт всего один шаг:

• Откройте конвертер PNG в ICO и перетащите туда своё изображение.
• Дождитесь преобразования, затем скачайте файл .ico.
• Добавьте его на сайт как favicon.ico или укажите ссылку на него в HTML.

Начинаете с другого формата? Используйте конвертер JPG в ICO для фотографии или плоского логотипа, либо SVG в ICO, если ваш знак – вектор: векторный источник идеален, потому что чётко прорисовывается в любом размере, который нужен значку. Каждое преобразование выполняется в браузере, поэтому изображение никогда не загружается.

Значок может быть лишь настолько чётким, насколько чётким было переданное изображение. Если изображение не квадратное, сначала обрежьте его до квадрата в фоторедакторе, чтобы конвертеру не приходилось гадать: расположите важную часть по центру и обрежьте остальное. Упростите перегруженный рисунок до одной сильной формы или буквы, потому что мелкие детали превращаются в кашу при размере favicon.

Если ваш логотип существует как векторная графика, как можно дольше сохраняйте его в формате SVG и конвертируйте в ICO в последнюю очередь: векторы остаются чёткими, потому что рендерятся в точном размере пикселей, а не растягиваются из маленького растрового изображения. Дополнительный контекст о чистой растеризации векторов см. в статье «Как конвертировать SVG в PNG без потери качества».