Редакторы PNG онлайн

Способ 1: IMG2GO

Онлайн-сервис IMG2GO предоставляет как отдельные инструменты для работы с изображениями, так и полноценный редактор, в котором юзер найдет базовые функции, предназначенные для изменения содержимого картинок. Формат PNG поддерживается, поэтому вы без проблем сможете открыть необходимую страницу и приступить к редактированию картинки.

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

  1. Откройте главную страницу сайта и среди всех инструментов отыщите «Photo editor». Нажмите по данной плитке, чтобы перейти к редактору.

    Выбор режима работы на сайте во время редактирования изображения PNG через онлайн-сервис IMG2GO

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

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

  3. Если открыли «Проводник», достаточно будет отыскать картинку формата PNG и дважды кликнуть по ней левой кнопкой мыши.

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

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

    Открытие списка фильтров во время редактирования изображения PNG через онлайн-сервис IMG2GO

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

    Выбор одного из фильтров во время редактирования изображения PNG через онлайн-сервис IMG2GO

  6. Вы можете совместить даже несколько из них, если наложенный эффект вас устроит.

    Применение нескольких фильтров во время редактирования изображения PNG через онлайн-сервис IMG2GO

  7. Если на этом работа с выбранным инструментом завершена, нажмите кнопку «Применить» для сохранения изменений. В противном случае щелкните по «Отмена», чтобы вернуться к предыдущему списку функций.

    Применение изменений во время редактирования изображения PNG через онлайн-сервис IMG2GO

  8. Следом идет «Изменить размер». Данный инструмент предназначен для указания нового разрешения картинки. Это поможет и увеличить размер холста, если вдруг на нем нужно что-то нарисовать или добавить текст.

    Переход к изменению размера во время редактирования изображения PNG через онлайн-сервис IMG2GO

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

    Ввод параметров изменения размера во время редактирования изображения PNG через онлайн-сервис IMG2GO

  10. Примерно так же работает и следующая функция — «Обрезать». Выберите одну из предлагаемых рамок или выделите активную область самостоятельно при помощи появившегося на экране прямоугольника.

    Варианты обрезки лишнего во время редактирования изображения PNG через онлайн-сервис IMG2GO

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

    Выбор инструмента поворота во время редактирования изображения PNG через онлайн-сервис IMG2GO

  12. Используйте появившиеся на экране кнопки и регулятор, чтобы изменить угол наклона или отразить изображение по вертикали либо горизонтали. Не забывайте о том, что перед выходом следует нажать «Применить», чтобы изменения вступили в силу.

    Использование инструмента поворота во время редактирования изображения PNG через онлайн-сервис IMG2GO

  13. Полноценный редактор PNG-файлов IMG2GO поддерживает и самую стандартную кисть, которой осуществляется рисование простых объектов от руки.

    Выбор инструмента рисования во время редактирования изображения PNG через онлайн-сервис IMG2GO

  14. Среди настроек вы найдете только цвет кисти и ее размер, чего мало для полноценного рисования, но часто достаточно в целях внесения небольших правок.

    Настройка инструмента рисования во время редактирования изображения PNG через онлайн-сервис IMG2GO

  15. Если щелкнуть по «Тип кисти», на выбор появится три разных варианта мазков.

    Выбор типа кисти во время редактирования изображения PNG через онлайн-сервис IMG2GO

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

    Масштабирование холста во время редактирования изображения PNG через онлайн-сервис IMG2GO

  17. В случае надобности добавить надпись не применяйте описанную выше кисть, а вызовите «Текст».

    Кнопка добавления текста во время редактирования изображения PNG через онлайн-сервис IMG2GO

  18. Выберите цвет для надписи и тип шрифта.

    Настройка текста во время редактирования изображения PNG через онлайн-сервис IMG2GO

  19. Щелкните по кнопке «Добавить текст», чтобы расположить на холсте новый блок.

    Добавление нового блока с текстом во время редактирования изображения PNG через онлайн-сервис IMG2GO

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

    Редактирование блока с текстом во время редактирования изображения PNG через онлайн-сервис IMG2GO

  21. Оставшиеся два инструмента связаны с наложением уже готовых визуальных элементов на картинку. Это могут быть стикеры или простые геометрические фигуры.

    Фигурки и наклейки во время редактирования изображения PNG через онлайн-сервис IMG2GO

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

    Добавление фигурок и наклеек во время редактирования изображения PNG через онлайн-сервис IMG2GO

  23. По окончании взаимодействия с онлайн-сервисом нажмите кнопку «Сохранить как», определитесь с подходящим форматом для сохранения, введите новое название для файла и кликните по «Сохранить». Можете вернуться к сайту в любой момент, чтобы продолжить редактирование PNG или обратиться к любому другому имеющемуся инструменту.

    Переход к сохранению результатов редактирования изображения PNG через онлайн-сервис IMG2GO

Способ 2: PNG.to

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

Перейти к онлайн-сервису PNG.to

  1. При открытии PNG.to вы сразу оказываетесь на странице редактора, в которой следует нажать кнопку «Загрузить» для перехода к выбору файла.

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

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

    Выбор файла во время редактирования изображения PNG через онлайн-сервис PNG.to

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

    Инструмент обрезки во время редактирования изображения PNG через онлайн-сервис PNG.to

  4. Выберите обрезку, чтобы убрать лишнее по пропорциям или путем ручного выбора подходящей области. Обязательно щелкните по «Применить» или «Отмена», если желаете вернуться к выбору инструмента.

    Варианты обрезки во время редактирования изображения PNG через онлайн-сервис PNG.to

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

    Инструмент поворота во время редактирования изображения PNG через онлайн-сервис PNG.to

  6. Следом идет стандартная функция рисования кистью. Зажмите ЛКМ и проведите ей в любом месте на холсте, чтобы реализовать желаемый узор.

    Инструмент рисования во время редактирования изображения PNG через онлайн-сервис PNG.to

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

    Настройка инструмента рисования во время редактирования изображения PNG через онлайн-сервис PNG.to

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

    Добавление геометрических фигур во время редактирования изображения PNG через онлайн-сервис PNG.to

  9. Отметим уникальную для подобных онлайн-сервисов возможность — наложение маски. Вы загружаете другое изображение поверх текущего, чтобы осуществить наложение. Важно выбирать полупрозрачную картинку или специальную текстуру, поскольку дополнительных настроек прозрачности PNG.to не предоставляет.

    Наложение маски во время редактирования изображения PNG через онлайн-сервис PNG.to

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

    Добавление фильтров во время редактирования изображения PNG через онлайн-сервис PNG.to

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

    Отмена действий или удаление слоя во время редактирования изображения PNG через онлайн-сервис PNG.to

  12. Если редактирование картинки при помощи функциональности PNG.to окончено, нажмите «Скачать».

    Переход к сохранению результата редактирования изображения PNG через онлайн-сервис PNG.to

  13. Изображение будет загружено в исходном формате и с таким же названием. Теперь можете использовать его в своих целях.

    Сохранение результата редактирования изображения PNG через онлайн-сервис PNG.to

Способ 3: Favicon Generator

Интерфейс Favicon Generator выполнен в уже устаревшем стиле, близком к ранним версиям Paint, однако функциональности редактора вполне может быть достаточно нетребовательным пользователям или тем, кто заинтересован в ручном рисовании определенной части картинки. Впрочем, всегда можно перейти к другому редактору, если инструментария текущего будет недостаточно.

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

  1. Если вы не заинтересованы в создании рисунка с нуля, а желаете именно редактировать PNG, разверните меню «File» и нажмите кнопку «Open».

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

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

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

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

    Панель управления слоями во время редактирования изображения PNG через онлайн-сервис Favicon Generator

  4. Для работы с несколькими слоями одновременно примените инструмент выделения. Зажмите ЛКМ и поместите в рамку сразу все объекты, которые хотите быстро удалить, переместить или изменить их размер.

    Выделение нескольких слоев во время редактирования изображения PNG через онлайн-сервис Favicon Generator

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

    Удаление лишнего при помощи ластика во время редактирования изображения PNG через онлайн-сервис Favicon Generator

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

    Инструменты рисования во время редактирования изображения PNG через онлайн-сервис Favicon Generator

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

    Настройка инструментов рисования во время редактирования изображения PNG через онлайн-сервис Favicon Generator

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

    Настройка инструмента Текст во время редактирования изображения PNG через онлайн-сервис Favicon Generator

  9. Отметим наличие различных фильтров и эффектов, которые можно применить к картинке и настроить их радиус действия. Откройте соответствующий список и посмотрите на весь перечень доступных фильтров.

    Список с возможными эффектами во время редактирования изображения PNG через онлайн-сервис Favicon Generator

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

    Окно настройки эффектов во время редактирования изображения PNG через онлайн-сервис Favicon Generator

  11. По завершении работы с редактором откройте уже знакомое меню «File» и выберите пункт «Save As».

    Переход к сохранению результата после редактирования изображения PNG через онлайн-сервис Favicon Generator

  12. Укажите подходящий формат изображения, задайте его качество и решите, сохранять все слои или только определенные из них.

    Сохранение результата после редактирования изображения PNG через онлайн-сервис Favicon Generator

Способ 4: iLoveIMG

В качестве следующего примера рассмотрим iLoveIMG — данный онлайн-сервис предоставляет простой редактор фотографий, в котором вы найдете базовый набор полезных инструментов. Их будет вполне достаточно для того, чтобы внести требуемые изменения и сохранить итоговый PNG на своем компьютере.

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

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

    Выбор группы инструментов во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  2. Дождитесь загрузки редактора и щелкните по «Выбрать изображение».

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

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

    Масштабирование и отмена действий во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  4. Начнем обзор iLoveIMG с первого инструмента, который называется «Фильтр и яркость».

    Открытие списка фильтров во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  5. После его выбора на экране появляется список доступных для применения фильтров. Каждый из них имеет свой эффект наложения и может быть полезен в разных ситуациях.

    Применение фильтров во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  6. Поддерживается комбинирование нескольких фильтров. Нажмите по крестику для активного, чтобы отменить действие, если это понадобится. Для выхода из списка эффектов нажмите «Применить» или «Отменить» в зависимости от того, хотите ли вы сохранить изменения.

    Применение нескольких фильтров во время редактирования изображения PNG через онлайн-сервис iLoveIMG

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

    Инструменты обрезки и изменения размера во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  8. Изменяйте параметры обрезки в соответствии с пропорциями или самостоятельно выберите область, регулируя появившийся на экране прямоугольник.

    Выбор одной из заготовок обрезки во время редактирования изображения PNG через онлайн-сервис iLoveIMG

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

    Общие инструменты рисования и добавления фигур во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  10. Для текста доступна только одна настройка — выбор цвета, после чего предстоит щелкнуть по «Добавить текст» и выбрать для него расположение на холсте.

    Настройка инструмента текст во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  11. При помощи вспомогательных инструментов осуществляется добавление еще одного блока, удаление текущего или изменение его непрозрачности.

    Дополнительные настройки для текста во время редактирования изображения PNG через онлайн-сервис iLoveIMG

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

    Доступные иконки и фигуры во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  13. Дополнительно отметим возможность задать углы для фотографии или поместить ее в рамку, используя два следующих инструментов. После их активации остается указать только тип рамки или уровень скругления углов.

    Использование рамок и углов во время редактирования изображения PNG через онлайн-сервис iLoveIMG

  14. По окончании работы с сайтом выберите формат для скачивания нового файла и нажмите кнопку «Сохранить».

    Переход к сохранению результата редактирования изображения PNG через онлайн-сервис iLoveIMG

Способ 5: Fotoram

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

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

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

    Переход к главному окну во время редактирования изображения PNG через онлайн-сервис Fotoram

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

    Загрузка файла во время редактирования изображения PNG через онлайн-сервис Fotoram

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

    Настройка яркости и контраста во время редактирования изображения PNG через онлайн-сервис Fotoram

  4. После внесения любых правок необходимо определиться, сохранить их или отменить, для чего слева отведены специальные кнопки.

    Использование кнопок отмены или подтверждения действий во время редактирования изображения PNG через онлайн-сервис Fotoram

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

    Использование инструментов поворота и обрезки во время редактирования изображения PNG через онлайн-сервис Fotoram

  6. Перейдите к функции «Экспозиция», чтобы повысить или понизить яркость, контраст и насыщенность изображения.

    Регулировка ползунков цветокоррекции во время редактирования изображения PNG через онлайн-сервис Fotoram

  7. Отдельно представлена функция с названием «Скруглить», для которой вы выбираете радиус скругления и цвет для фона. Результат отображается сразу же на холсте, поэтому можете экспериментировать с настройками, добиваясь необходимого эффекта.

    Скругление холста во время редактирования изображения PNG через онлайн-сервис Fotoram

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

    Дополнительные инструменты регулировки цвета во время редактирования изображения PNG через онлайн-сервис Fotoram

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

    Применение различных эффектов во время редактирования изображения PNG через онлайн-сервис Fotoram

  10. Текстуры — более интересная функция, позволяющая наложить на картинку различные материалы и настроить их прозрачность. У Fotoram не так много текстур, но каждая из них точно заслуживает внимания.

    Применение текстур во время редактирования изображения PNG через онлайн-сервис Fotoram

  11. Отметим, что регулировка прозрачности текстуры тоже осуществляется передвижением ползунка, а по умолчанию она установлена в значение 100%.

    Настройка прозрачности текстур во время редактирования изображения PNG через онлайн-сервис Fotoram

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

    Использование рамок во время редактирования изображения PNG через онлайн-сервис Fotoram

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

    Управление текстом во время редактирования изображения PNG через онлайн-сервис Fotoram

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

    Добавление иконок во время редактирования изображения PNG через онлайн-сервис Fotoram

  15. Если на этом работа с Fotoram окончена, нажмите кнопку «Сохранить» для получения нового PNG-файла.

    Переход к сохранению после редактирования изображения PNG через онлайн-сервис Fotoram

  16. Выберите соответствующий формат и подтвердите загрузку на компьютер.

    Выбор параметров сохранения после редактирования изображения PNG через онлайн-сервис Fotoram

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

Оставить комментарий

Сообщить об ответе на E-mail.