Создание ICO-иконки при помощи онлайн-сервисов

Способ 1: RedKetchup

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

Перейти к онлайн-сервису RedKetchup

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

    Переход к выбору файла для создания иконки в формате ICO через онлайн-сервис RedKetchup

  2. В появившемся окне «Проводника» отыщите изображение для конвертирования и дважды кликните по нему левой кнопкой мыши.

    Выбор файла для создания иконки в формате ICO через онлайн-сервис RedKetchup

  3. Сейчас вы можете настроить соотношение сторон и задать скругление по бокам, если это будет актуально конкретно в вашем случае.

    Выбор параметров сохранения пропорций для создания иконки в формате ICO через онлайн-сервис RedKetchup

  4. Справа вы видите кнопки для отражения изображения и его поворота в разные стороны. Все изменения отображаются сразу же, поэтому достичь желаемого результата будет нетрудно.

    Поворот или отражение для создания иконки в формате ICO через онлайн-сервис RedKetchup

  5. Ниже есть два поля для смещения изображения по координатам. Изменять эти параметры есть смысл только в тех случаях, когда вы видите, что иконка расположена не по центру холста и ее надо сдвинуть в определенном направлении.

    Изменение координат для создания иконки в формате ICO через онлайн-сервис RedKetchup

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

    Обрезка лишнего для создания иконки в формате ICO через онлайн-сервис RedKetchup

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

    Предварительный просмотр для создания иконки в формате ICO через онлайн-сервис RedKetchup

  8. Ниже на вкладке отметьте галочками те варианты размеров, которые нужно конкретно для вашей иконки. Можно выбрать все и даже задать свои личные — файлы скачаются в виде одного архива.

    Выбор сохраняемых разрешений для создания иконки в формате ICO через онлайн-сервис RedKetchup

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

    Настройки сглаживания углов и фона для создания иконки в формате ICO через онлайн-сервис RedKetchup

  10. Ниже выберите формат изображений, который подойдет именно в вашем случае. Практически всегда этот параметр остается неизменным.

    Запуск процесса обработки для создания иконки в формате ICO через онлайн-сервис RedKetchup

  11. Задайте название для файлов и нажмите на «Save Icon», чтобы перейти к формированию изображений.

    Переход к результатам обработки для создания иконки в формате ICO через онлайн-сервис RedKetchup

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

    Просмотр результатов обработки для создания иконки в формате ICO через онлайн-сервис RedKetchup

  13. Нажмите кнопку со стрелкой вниз, чтобы скачать итоговый архив на компьютер.

    Скачивание всех файлов для создания иконки в формате ICO через онлайн-сервис RedKetchup

  14. Отметим, что на главной странице RedKetchup вы можете выбрать режим «Icon Editor». В таком случае появится редактор для изменения уже существующего изображения или создания нового. Для этого используйте инструменты на панели справа. Присутствует стандартный карандаш, заливка, ластик и инструмент добавления текста. Изменения осуществляются путем редактирования каждого отдельного пикселя иконки.

    Дополнительные инструменты рисования для создания иконки в формате ICO через онлайн-сервис RedKetchup

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

    Скачивание после применения инструментов рисования для создания иконки в формате ICO через онлайн-сервис RedKetchup

Способ 2: Favicon Generator

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

Перейти к онлайн-сервису Favicon Generator

  1. Для начала на главной странице нажмите кнопку «Выберите файл», чтобы приступить к импорту исходного изображения.

    Переход к выбору файла для создания иконки в формате ICO через онлайн-сервис Favicon Generator

  2. Отыщите его в окне «Проводника» и нажмите «Открыть» для подтверждения загрузки.

    Выбор файла для создания иконки в формате ICO через онлайн-сервис Favicon Generator

  3. Теперь можно выбрать параметры конвертирования. По умолчанию будет создан весь архив с иконками разных размеров. Дополнительно можно настроить сохранение рамок и автоматически сохранить иконку в публичной галерее.

    Установка дополнительных параметров для создания иконки в формате ICO через онлайн-сервис Favicon Generator

  4. Ниже вы видите другой блок, тоже относящийся к иконкам, но предназначенный исключительно для их поиска по библиотеке. Если хотите позаимствовать чужие работы, которые распространяются бесплатно, смело используйте этот поиск.

    Поиск по библиотеке для создания иконки в формате ICO через онлайн-сервис Favicon Generator

  5. Для конвертирования загруженного личного изображения щелкните по «Create Favicon».

    Запуск процесса обработки для создания иконки в формате ICO через онлайн-сервис Favicon Generator

  6. Подождите несколько секунд и нажмите по появившейся кликабельной надписи для загрузки архива на ПК.

    Скачивание архива с файлами для создания иконки в формате ICO через онлайн-сервис Favicon Generator

  7. Откройте его через любую удобную программу и используйте иконки необходимых размеров в своих целях.

    Поиск подходящих файлов в архиве после создания иконки в формате ICO через онлайн-сервис Favicon Generator

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

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

Перейти к онлайн-сервису X-Icon Editor

  1. Если вас интересует конвертирование или редактирование уже существующего изображения, нажмите на «Import».

    Переход к окну импорта для создания иконки в формате ICO через онлайн-сервис X-Icon Editor

  2. Появится еще одно окно, где уже кликните по «Upload».

    Кнопка загрузки исходного изображения для создания иконки в формате ICO через онлайн-сервис X-Icon Editor

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

    Настройка исходного изображения для создания иконки в формате ICO через онлайн-сервис X-Icon Editor

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

    Применение инструментов рисования для создания иконки в формате ICO через онлайн-сервис X-Icon Editor

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

    Настройка инструментов рисования для создания иконки в формате ICO через онлайн-сервис X-Icon Editor

  6. На панели справа меняйте масштаб и фон, если в этом есть необходимость.

    Настройка фона изображения и масштабирование для создания иконки в формате ICO через онлайн-сервис X-Icon Editor

  7. Используйте кнопку с изображением стрелок на этой же панели, чтобы отменить последние действия, если вдруг что-то пошло не так.

    Отмена последних действий для создания иконки в формате ICO через онлайн-сервис X-Icon Editor

  8. Вы можете вовсе пропустить этап редактирования, если вас интересует исключительно конвертирование картинки в иконку формата ICO. В таком случае сразу нажмите на «Export».

    Переход к экспорту для создания иконки в формате ICO через онлайн-сервис X-Icon Editor

  9. Появится окно с информацией о размещении иконки в HTML-код, но для скачивания вас интересует кнопка «Export your icon». Файл будет скачан сразу же и доступен для дальнейшего взаимодействия с ним.

    Скачивание результата создания иконки в формате ICO через онлайн-сервис X-Icon Editor

Способ 4: ProDraw

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

Перейти к онлайн-сервису ProDraw

  1. Откройте главную страницу сайта и нажмите кнопку «Выберите файл».

    Переход к выбору файла для создания иконки в формате ICO через онлайн-сервис ProDraw

  2. Как обычно, отыщите изображение для перевода в ICO через «Проводник» и подтвердите загрузку на онлайн-сервис.

    Выбор файла для создания иконки в формате ICO через онлайн-сервис ProDraw

  3. Понадобится щелкнуть по «Image Upload», чтобы добавить картинку на сервер и перейти к следующему шагу.

    Подтверждение загрузки для создания иконки в формате ICO через онлайн-сервис ProDraw

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

    Открытие меню с размерами для создания иконки в формате ICO через онлайн-сервис ProDraw

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

    Выбор подходящего размера для создания иконки в формате ICO через онлайн-сервис ProDraw

  6. Кликните по «Generate It!», чтобы запустить процесс преобразования.

    Запуск обработки для создания иконки в формате ICO через онлайн-сервис ProDraw

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

    Скачивание результатов создания иконки в формате ICO через онлайн-сервис ProDraw

Способ 5: Photopea

Photopea является полноценным графическим редактором и предназначен для редактирования изображений или ручного создания рисунков. Он может выступать как средством формирования ICO-иконок, так и в роли простого конвертера. В следующей инструкции сначала будет показан импорт и разобраны основные инструменты, далее — процесс экспорта готового файла. Используйте только те шаги, которые нужны конкретно в вашей ситуации.

Перейти к онлайн-сервису Photopea

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

    Две кнопки для создания нового проекта для создания иконки в формате ICO через онлайн-сервис Photopea

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

    Ввод размера для холста для создания иконки в формате ICO через онлайн-сервис Photopea

  3. После этого щелкните по «Создать», чтобы перейти непосредственно к редактору.

    Создание нового проекта для создания иконки в формате ICO через онлайн-сервис Photopea

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

    Использование доступных инструментов для создания иконки в формате ICO через онлайн-сервис Photopea

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

    Работа со слоями для создания иконки в формате ICO через онлайн-сервис Photopea

  6. Если вы завершили рисование или редактирование и готовы получить итоговый файл, разверните меню «Файл», наведите курсор на «Экспортировать как», разверните полный список и выберите формат для иконки.

    Переход к экспорту результата создания иконки в формате ICO через онлайн-сервис Photopea

  7. Задайте разрешение для холста в пикселях или сантиметрах, укажите название файла и подтвердите экспорт.

    Параметры экспорта после создания иконки в формате ICO через онлайн-сервис Photopea

Способ 6: Online Convert

В завершение рассмотрим онлайн-сервис Online Convert. По его названию вы уже могли понять, что он предназначен именно для преобразования файлов. Его не получится использовать, если вы заинтересованы в редактировании иконки или ее создании с нуля. Сайт подходит только в тех случаях, когда вам надо преобразить стандартную картинку в ICO, задав при этом подходящие значения высоты и ширины в пикселях.

Перейти к онлайн-сервису Online Convert

  1. Откройте сайт на странице с требуемым инструментом и нажмите «Выберите файл». Вместо этого вы можете просто перетащить картинку в выделенную на вкладке область.

    Переход к импорту файла для создания иконки в формате ICO через онлайн-сервис Online Convert

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

    Выбор разрешения для создания иконки в формате ICO через онлайн-сервис Online Convert

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

    Дополнительные настройки внешнего вида для создания иконки в формате ICO через онлайн-сервис Online Convert

  4. Ниже есть и другие поля, позволяющие установить DPI для иконки или обрезать ее по пикселям с разных сторон.

    Настройки обрезки и разрешения для создания иконки в формате ICO через онлайн-сервис Online Convert

  5. Нажмите «Начать», чтобы запустить процесс преобразования.

    Запуск обработки для создания иконки в формате ICO через онлайн-сервис Online Convert

  6. Ожидайте окончания обработки, после чего страница сама перезагрузится.

    Процесс обработки для создания иконки в формате ICO через онлайн-сервис Online Convert

  7. Если скачивание иконки не началось автоматически, кликните по специально отведенной для этого кнопке, чтобы запустить его вручную.

    Скачивание результата создания иконки в формате ICO через онлайн-сервис Online Convert

Поделиться статьей в социальных сетях:

Подписаться
Уведомить о

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии