Щёлкните по любому «пикселю» и мышка начнёт рисовать. Щёлкните ещё раз — перестанет. Чтобы поставить одну точку — щёлкните по ней два раза (включить/выключить режим рисования).

Заливка

Чтобы залить всю иконку одним цветом, выберете желаемый цвет и нажмите кнопку «залить».

Вы можете залить иконку и «прозрачным цветом».

Просмотр/сохранение favicon.ico

Нажмите на большую кнопку «посмотреть/сохранить иконку favicon.ico». Откроется новое (маленькое) окно, в котором будет показана иконка. Чтобы сохранить её, просто нажмите на ней правой кнопкой мыши и выберите соответствующий пункт появившегося меню.

Некоторые браузеры могут не показывать иконку в отдельном окне, а открывать её при помощи другой программы или сохранять её на диск. Это зависит от конкретного браузера и его настроек.

Как добавить favicon.ico на web-сайт?

Чтобы иконка favicon.ico была видна на ваших страницах, разместите файл favicon.ico в корне сайта и добавьте на ваши страницы внутрь тега <head> следующие строчки:

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

В каком формате создаётся favicon.ico?

Этот редактор создаёт favicon.ico в классическом формате 318-байтного файла. Это картинка 16x16 пикселей с 16-цветной палитрой. Такой формат распознаётся большинством браузеров.

Что ещё следует доделать?

Если вы пользуетесь редактором иконок и хотите, чтобы я в нём что-то улучшил, пожалуйста, присылайте ваши замечания и предложения мне на e-mail (указан в конце страницы).

Я планирую добавить возможность рисования «инвертированным цветом» (формат ICO допускает такую возможность) и расширить набор инструментов.

Как это работает?

На стороне клиента работает JavaScript, на стороне сервера — очень короткий скрипт на Python.