Главная > Инструменты > Онлайн-инструменты для создания favicon

Онлайн-инструменты для создания favicon


13 марта 2013, 13:30. Разместил: Design FactoRy
Favicon – это почти то же, что и хлеб для человека: очень важная составляющая! Они появились давно, и сегодня без них не обойтись. Иконки сайтов начали свое шествие практически с самого появления интернета. Сегодня же мы уже даже не обсуждаем эти иконки, каждый разработчик на подсознательном уровне использует эти иконки. Для их создания существует несколько решений. Прежде всего, существуют плагины или же различное ПО для настольных ПК. Сегодня мы хотим сосредоточить наше внимание на решениях, доступных в интернете, воспользоваться которыми можно прямо в окне браузера.

01. X-Icon-Editor

Онлайн-инструменты для создания favicon

X-Icon-Editor предлагает вам достаточно обширный функционал, и позволяет вам даже рисовать вручную. В то время как большинство редакторов позволяют вам рисовать отдельные пиксели различных цветов, X-Icon-Editor предлагает вам кисти с различными опциями настройки, а также фигуры: прямоугольники и овалы.

Более того, редактор предлагает вам функцию импорта, которая позволит загрузить изображения в форматах JPEG, PNG, ICO. После обработки favicon можно экспортировать в различных размерах (16, 24, 32, 64 пикселей).

02. favicon.cc

Онлайн-инструменты для создания favicon

Favicon.cc, по сравнению с X-Icon-Editor, предлагает гораздо более сжатый функционал рисования. Вы можете рисовать только отдельные пиксели разных цветов, а также прозрачные области. Инструмент оборудован импортером, который позволяет вам редактировать загруженные изображения.

Здесь предусмотрена отличная функция предварительного просмотра. Отредактированная иконка отображается внутри пользовательского интерфейса (в данном случае IE), что позволит вам понять, как иконка будет смотреться при использовании в реальном сайте.

03. Antifavicon

Онлайн-инструменты для создания favicon

Не всегда можно нормально уместить изображение на 16х16 пикселях. Antifavicon использует 256 пикселей, и позволяет вам поместить 2 строки текста на маленькую иконку. Цвета фона, а также самого шрифта можно настраивать для каждой строки отдельно. Здесь используется пиксельный шрифт, который точно вряд ли окажется вашим любимым.

Antifavicon старается подогнать текст под размер иконки, уменьшая его в размерах. Вскоре вы заметите, что установленные рамки нельзя переходить.

04. Faviconist

Онлайн-инструменты для создания favicon

Faviconist чем-то схож с Antifavicon, так как здесь также есть функция помещения текста на маленькую иконку. Вместо использования пиксельного шрифта, вы можете выбирать разные другие. Попробуйте добавить больше двух символов, и вы заметите, что уже дошли до предела. Теоретически, можно добавить и больше букв, но практически – нет, если вам нужно, чтобы текст оставался читабельным. Здесь можно использовать только монограммы или аббревиатуры.

Более того, в качестве фона вы без труда можете использовать градации или текстуры. Иконки, созданные в размерах 16, 32 и 256 пикселях, можно перепроверить при помощи предпросмотра в режиме реального времени.

05. Genfavicon

Онлайн-инструменты для создания favicon

Наш последний кандидат, Genfavicon, представляет собой больше генератор, нежели редактор, так как здесь такой уж и развитый функционал редактирования. Здесь вы можете конвертировать загруженные изображения в формат ICO. Чтобы сделать это, вам нужно будет указать квадратную область на изображении. Размеры и позиция этой области выставляются на ваше усмотрение. После этого, Genfavicon выполняют свою задачи, и у вас появляется возможность скачать готовую иконку. Этот инструмент не такой уж и удобный, так как вы не можете сохранять разные размеры в один favicon, вам придется создавать эти иконки по-отдельности.

Завершение

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