Редакторы иконок. Бесплатная программа для создания иконок Простая программа для создания больших иконок

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

Эти небольшие изображения могут создаваться как благодаря специальным программам, так с помощью и онлайн-сервисов. К слову, именно последние для подобных целей пользуются значительно большей популярностью, и ряд таких ресурсов мы рассмотрим с вами в этой статье.

Работа с графикой — не самая популярная категория веб-сервисов, однако в том, что касается генерации иконок, определенно есть из чего выбирать. По принципу работы такие ресурсы можно разделить на те, в которых вы сами рисуете картинку, и сайты, позволяющие конвертировать уже готовое изображение в ICO. Но в основном все генераторы иконок предлагают и то, и другое.

Способ 1: X-Icon Editor

Этот сервис является наиболее функциональным решением для создания ICO-картинок. Веб-приложение позволяет вам детально прорисовать иконку вручную либо же воспользоваться уже готовым изображением. Главным преимуществом инструмента является возможность экспорта картинки с разрешением вплоть до 64×64.

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

Способ 2: Favicon.ru

При необходимости сгенерировать значок favicon с разрешением 16×16 для веб-сайта, отличным инструментом также может служить русскоязычный онлайн-сервис Favicon.ru. Как и в случае с предыдущим решением, здесь вы можете как самостоятельно нарисовать иконку, раскрашивая каждый пиксель отдельно, так и создать favicon из готовой картинки.

Как результат, на вашем ПК сохраняется файл с расширением ICO, представляющий собою картинку размером 16×16 пикселей. Сервис отлично подойдет для тех, кому требуется всего лишь конвертировать изображение в маленькую иконку. Впрочем, и проявлять фантазию в Favicon.ru совсем не запрещается.

Способ 3: Favicon.cc

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

Если англоязычный интерфейс вас не смущает, то аргументов в пользу работы с предыдущим сервисом нет абсолютно никаких. Помимо того, что Favicon.cc умеет генерировать анимированные иконки, ресурс еще и корректно распознает прозрачность на импортированных изображениях, чего русскоязычный аналог, к сожалению, лишен.

Способ 4: Favicon.by

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

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

Способ 5: Online-Convert

Вполне вероятно, что вам уже известен этот сайт как практически всеядный онлайн-конвертер файлов. Но не всем известно, что это один из лучших инструментов для преобразования любых изображений в ICO. На выходе вы можете получать иконки с разрешением вплоть до 256×256 пикселей.

Как видите, создать иконку ICO при помощи сайта Online-Convert совсем несложно, и делается это буквально за пару кликов мыши.

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

Подобные сайты редакторы иконок очень эффективны. Они позволяют вам:

• легко и быстро создавать новые материалы;
• придать существующим наработкам завершенный вид;
• сохранять результат в разных форматах (SVG, ICO & PNG);
• создавать иконки для .

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

IconsFlow

IconsFlow.com — векторные иконки + редактор позволяющий создавать персонализированные наборы и экспортировать их в хорошем качестве (SVG, ICO & PNG). Главным преимуществом сервиса является наличие двух редакторов:

• главного, в котором выбирается палитра, стиль, эффекты;
• редактора формы, где можно изменить текущую форму или нарисовать новую.

Если вы уже создали иконки в Illustrator, просто загрузите файлы SVG и поэкспериментируйте с разными фонами. В IconsFlow существуют определенные ограничения при бесплатном использовании, поэтому убедитесь, что вы с ними ознакомились перед стартом. Для начинающих пользователей имеются уроки и раздел помощи, к тому же есть возможность работать в редакторе иконок на русском.

Вид векторного редактора IconsFlow:

Примеры работ:

FlatIcons

С помощью FlatIcons.net вы можете создать свою флэт-иконку (в плоском стиле) на основе готовых шаблонов. Задавайте размеры, выбирайте рисунок и основной фон (круги, кольца, прямоугольники), меняйте цвет. Этот редактор иконок бесплатный, но у него есть два недостатка:

• Во-первых, вы можете скачивать файлы только в PNG-формате.
• Во-вторых, вам придется создавать каждый объект отдельно, т.к. невозможно разработать целый набор сразу.

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

Launcher Icon Generator

Проект Launcher Icon Generator бесплатный и, как мы думаем, больше подходит для продвинутых пользователей. Данный онлайн редактор иконок позволяет загружать изображения / клипарты и добавлять текст. Вы можете скачать по одной иконке за раз в 5 размерах (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192).

В качестве базового клипарта используется набор графики в стиле Material Design из GitHub. Сервис содержит такие настройки как: отступы, форма, цвет или прозрачность фона, масштабирование + дополнительные эффекты. Результат:

Android Material Icon Generator — еще один инструмент создания флэт-иконок. Фишкой сервиса определенно является эффект в виде длинной тени. Если вам нужны подобные решения — этот редактор иконок будет идеальным вариантом.

Начните с выбора картинки из галереи, потом определите цвет, форму заднего фона (круг или квадрат), длину тени, насыщенность, затухание – и ваша иконка готова. Все предельно просто. Для персонального использования сайт полностью бесплатный.

После скачивания в файле-архиве найдете 6 PNG разного размера и векторный файл SVG. В Illustrator иконка SVG будет размытой, но, к счастью, она хорошо смотрится в браузере. В итоге получается что-то вроде:

Сайт Simunity – это генератор на базе HTML5, где можно создать иконку и затем скопировать код, чтобы отобразить ее в ваших веб-проектах. В качестве исходных материалов используются иконки из Font Awesome, для которых выбираются разные параметры: цвет, рамка, размер и стиль теней.

Данный сервис пригодится, если вам необходимо быстро создать простые оригинальные иконки для сайта. Результат применения Simunity:

Итого. Рассмотренные выше онлайн редакторы иконок – отличные инструменты для оптимизации работы дизайнеров. Нет смысла скачивать какие-то программы, когда все можно легко и быстро делать в сети. Из этой подборки, пожалуй, можно выделить IconsFlow. В нем собрано максимально большое число функций: галерея иконок, загрузка SVG, код для встраивания, предварительный просмотр, создание собственных шаблонов, экспорт PNG, ICO и SVG, адаптация размера, модные стили и встроенный векторный редактор. К тому же это единственный бесплатный редактор иконок на русском, если для вас это важно.

Если знаете еще какие-то похожие сервисы, присылайте варианты в комментариях.

Небольшой редактор иконок. Поддерживаются альфа-каналы, иконки размером до 256х256, библиотеки, XP-иконки и основные форматы: ICO, BMP, PNG, PSD, EXE, DLL, ICL.

Установка редактора иконок @icon sushi

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

Чтобы русифицировать программу, делаем следующее:

1. Открываем папку с установленной программой (по умолчанию это C:\Program Files\aicon\ ).
2. Находим там папку "Languages".
3. Копируем в нее файл Русский.lng из папки с русификатором.
4. Запускаем @icon sushi.
5. Заходим в меню "Options" - "Languages" и выбираем язык Русский.

Готово, русский интерфейс установлен.

Интерфейс программы

После запуска перед нами появится главное окно программы.

С её помощью можно "доставать" спрятанные значки из файлов .ICO, .PNG, .PSD, .BMP, .EXE, .DLL, .ICL и менять их как заблагорассудится.

Давайте для примера откроем запускаемый файл антивируса AVG , чтобы извлечь из него иконки. Нажимаем "Открыть" и выбираем нужный файл с расширением .exe . Загрузятся все значки из этого файла.

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

• Обычная одиночная иконка (ICO).
• Мультииконка (набор выбранных в списке иконок в том же формате ICO).
• Библиотека иконок, которая может содержать как одну, так и множество значков (ICL).
• Картинка в BMP (не сжатая и без поддержки прозрачности).
• Картинка в PNG (c поддержкой альфа-канала).

Таким образом, с помощью @icon sushi можно конвертировать обычные картинки в иконки и обратно.

Давайте теперь попробуем сделать иконку из какого-нибудь рисунка.

Создание иконок из рисунков

Здесь нам придётся сначала проделать небольшую подготовительную работу. Как уже упоминалось, программа работает с картинками размером до 256х256 пикселей и далеко не во всех форматах.

Поэтому, чтобы открыть обычную картинку в @icon sushi, нужно сначала:

1. Сделать её квадратной (обрезать либо добавить холст).
2. Уменьшить до одного из стандартных размеров.
3. Сохранить в формате PNG.

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

IcoFX — программа для создания и редактирования иконок (.ico) и курсоров (.cur) . Можно самостоятельно создавать эскиз (рисунок будущего курсора, иконки) или воспользоваться уже готовым рисунком в формате изображений BMP, PNG, JPG, JPG2000, TIF и GIF. Также можно извлекать и редактировать курсоры и иконки из DLL библиотек, EXE файлов. Программа поддерживает курсоры и иконки всех типов операционной системы Windows, в том числе для Vista и Win 7 с эффектом прозрачности. Большой набор инструментов и более 40 эффектов, поможет создать курсор, иконку практически любой сложности. Так же можно конвертировать любой иконку и курсор, в изображение и обратно в любой из форматов BMP, PNG, JPG, JPG2000, TIF, GIF, CUR, ICO. IcoFX позволяет изменить курсор или иконку внутри исполняемых файлов EXE, что бывает просто необходимо, для более удобного использования программ. GIF файлы можно преобразовать в анимированные курсоры, и наоборот. Можно одновременно обрабатывать несколько файлов, используя возможности пакетной обработки IcoFX.

Возможности «IcoFX»:

• Создание курсоров и иконок для Windows 98 / ME / 2000 / XP / Vista/ 7
• Поддержка альфа-канала (прозрачность).
• Создание анимированных GIF файлов.
• Пакетная обработка нескольких файлов.
• Изменение курсоров и иконок в исполняемых файлах EXE и библиотеках DLL.
• Конвертирование GIF файлов в анимированные курсоры, и наоборот.
• Возможность создание пользовательских фильтров для создания собственных эффектов.
• Многоязычная поддержка.
• Разрешение до 256×256 пиксел.
• Импорт/экспорт изображений из BMP, PNG, JPG, JPG2000, TIF, GIF, CUR, ICO форматов.
• Создание курсора, иконки из изображения одним кликом.
• Возможность регулирования контрастность, яркость, тон, насыщенность, прозрачность и цветовой баланс.
• Изменение размера изображения.
• Захват изображения с рабочего стола.
• Поддержка анимированных (ANI) и простых курсоров (CUR) .

ОС : Windows 98 / ME / 2000 / XP / Vista/ 7
Лекарство : не требуется
Язык : Многоязычная, в том числе и Русский
Размер : 5,69 Мб

Как вы понимаете, иконку я создал из готового изображения. Точнее говоря из своей аватарки:)
Вот этим сейчас и займемся.
Урок только кажется длинным и сложным, на самом деле все, что вам придется делать (практически) - это подряд нажимать "Ок" :)

Для начала скачиваем саму программу:
С Letitbit
С Depositfiles

Процесс установки рассказывать не буду, он обычный и совсем не сложный.

Будем считать, что вы все благополучно установили. Открываем программу. Откроется окошко "совет дня" - его просто закрываем крестиком:

Сразу сменим язык на русский. Кликаем в панели сверху пункт "options" --> "languages" и выбираем "russian" :

Теперь приступим к делу.

Подготовьте заранее изображение для иконки (скачайте на компьютер, если оно в инете).
Жмем "Файл" --> "Импортировать изображение" :

Откроется окошко со списком папок на вашем компьютере. Находим нужное нам изображение и жмем "Открыть" :

Затем появится такая вот табличка, в ней ничего не меняем кроме пункта по стрелке (ставим 48):

Т.к. я использую анимационную картинку для создания иконки,- мне предлагают выбрать один кадр из этой анимации. Кликаем по понравившемуся и жмем ок:

Если вы используете не анимацию для создания иконки,- такого окошка у вас не будет.

В следующем окошке тоже ничего не меняем, а просто жмем "Ок" :

После всего этого, у нас все исчезнет якобы (если в качестве картинки использовали анимацию) :) Не пугайтесь:)
Теперь жмем "Иконка" --> "Создать Windows-иконку из изображения" :

После чего откроется очередное окошко. Ничего не меняем и жмем "Ок" :

Окошко закроется, появится другое - с вашей иконкой в ооочень увеличенном виде. Все, теперь сохраняем. Жмем "Файл" --> "Сохранить как" :

Сохраняем в нужную нам папочку (я прямо на рабочий стол сохранил), по ходу дела проверяя, что мы именно как иконку для windows сохраняем:

Все, сохранили:) Иконка у нас теперь есть:)
Теперь создаем нужный нам ярлык (или используем старый), как мы этому учились и идем менять его иконку (тоже проходили в прошлом посте, но напомню - клик правой кнопкой мыши по ярлыку, пункт "свойства", там кнопка "сменить значок")

И указываем в качестве значка путь к нашей, только что созданной, иконке:

После чего, на всех оставшихся окнах жмем "применить" (если есть такая кнопка) и "ок".

Все, любуемся результатом:) Надеюсь, я смог вас заинтересовать:) Программка действительно стоит внимания:)

Если вы задались вопросом: "Как сделать иконку?", то в этом вам поможет - программа для создания, редактирования иконок любого типа, плюс она умеет извлекать их из имеющихся библиотек. Есть возможность экспортировать иконки в нужные форматы.

После запуска программы, надо выбрать параметры будущей иконки, указать ее размер, цвет, выбрать способ конверсии, фильтры, далее нажимаем на кнопку OK и перед вами открывается редактор, вот тут и нужно будет создавать свое изображение. ArtIcons может работать с разными графическими форматами, ICO, BMP, JPG, GIF, PNG, XPM, XBM, WBMP, PSD и некоторыми другими.

Обратите внимание, я выше уже писал, что вы сможете извлекать иконки из разных исполняемых файлов и библиотек, поддерживаются форматы: EXE, SCR, ICL, DLL и так далее. После того как изображение было извлечено, вы сможете легко отредактировать его.

Эта программа для создания иконок имеет и ряд готовых эффектов, которые вы сможете легко применять к своим работам. В целом вы получите все инструменты для создания своей иконки и редактирования уже существующей. Подводя итог, хочу отметить, что ArtIcons легка в управлении, имеет множество инструментов и эффектов, наличие Русской поддержки тоже радует, надеюсь программа будет вам полезна.

Разработчик : Aha-soft
Лицензия : ShareWare
Язык : Multi + Русский
Размер : 7 MB
ОС : Windows
Скачать : +