Руководство · Редактор изображений

Как редактировать PNG-изображения онлайн в Редакторе изображений PremiumPNG

Откройте любой прозрачный PNG с PremiumPNG.com прямо в браузере, вырезайте и перекрашивайте части, добавляйте фон, текст и эффекты и сохраняйте новый PNG — с прозрачностью и без Photoshop.

Обновлено · 8 мин чтения

Что умеет Редактор изображений PremiumPNG

Редактор изображений — фоторедактор со слоями, который работает в браузере. Он открывает PNG-изображения PremiumPNG.com в полном размере, сохраняет их прозрачность и даёт инструменты, чтобы превратить картинку в ваш собственный дизайн — для соцсетей, меню, листовки, сайта или презентации.

  • Слои, режимы наложения и обтравочные маски
  • Выделение лассо, волшебной палочкой и областью
  • Цветовой тон/Насыщенность, Уровни, Цветовой баланс
  • Текст со шрифтами, обводкой, тенями и стилями
  • Более 80 эффектов с живым превью
  • Поиск изображений: добавляйте изображения PremiumPNG слоями
  • Сохранение в PNG, экспорт в JPEG, WebP, PSD, PDF
  • Сохранение в ZIP, 7Z, TAR.GZ и другие
  • Прозрачность сохраняется — оригинал не меняется

1Откройте PNG кнопкой «Редактировать»

Найдите прозрачный PNG на PremiumPNG.com: через поиск, категорию или просмотрите все PNG-изображения. Откройте страницу изображения и нажмите жёлтую кнопку Редактировать под превью.

Редактор изображений открывает оригинал в полном размере, без водяного знака, на том же языке, что и страница, с которой вы пришли. Большие изображения (здесь 4096 × 4096 пикселей) открываются за несколько секунд. Оригинал на PremiumPNG.com никогда не меняется: вы сохраняете работу как новый PNG.

Кнопка «Редактировать» под прозрачным PNG рожка мороженого на PremiumPNG.com
Кнопка «Редактировать» на странице PNG.
Редактор изображений PremiumPNG открывает PNG-изображение
Редактор открывает оригинал в полном размере.

2Выделите часть изображения

Чтобы изменить только часть изображения, сначала выделите её. В кнопке Лассо собраны три инструмента — зажмите на ней кнопку мыши или щёлкните правой кнопкой, чтобы выбрать:

  • Лассо (L) — свободно обведите нужную часть.
  • Прямолинейное лассо (Shift+L) — щёлкайте от угла к углу для прямых краёв, как у рожка ниже. Щёлкните снова по первой точке (или дважды щёлкните), чтобы замкнуть выделение.
  • Магнитное лассо (Shift+L) — край прилипает к контуру объекта, пока вы ведёте мышь.

Волшебная палочка (W) одним щелчком выделяет область одного цвета, а Прямоугольная область (M) — прямоугольник. В меню Выделение можно растушевать, расширить, сжать, сгладить или инвертировать выделение.

Инструменты Лассо, Прямолинейное лассо и Магнитное лассо в онлайн-редакторе изображений
Лассо, Прямолинейное лассо и Магнитное лассо.
Выделение прямолинейным лассо вокруг рожка мороженого
Выделение прямолинейным лассо вокруг рожка.

3Перенесите выделение на отдельный слой

Нажмите Ctrl+X, чтобы вырезать выделенную часть, и Ctrl+V, чтобы вставить её: она станет новым слоем ("Pasted 1") на том же месте. Теперь её можно перекрасить, переместить или изменить размер отдельно, не трогая остальное изображение.

Хотите сохранить оригинал? Используйте Ctrl+C (копировать) вместо Ctrl+X или Копировать совмещённые данные (Ctrl+Shift+C), чтобы скопировать то, что видно на всех слоях.

Рожок, вырезанный из изображения на новый слой
Вырезанная часть становится новым слоем.

4Меняйте цвета с помощью коррекции

В меню Изображение собраны все инструменты цвета: Яркость / Контраст, Цветовой тон/Насыщенность (Ctrl+U), Уровни (Ctrl+L), Цветовой баланс (Ctrl+B), Сочность, Автоуровни, Инверсия, Обесцветить, Сепия и другие. Каждое окно показывает живое превью, пока вы двигаете ползунки.

Здесь слой рожка получает новый цвет через Цветовой тон/Насыщенность: двигайте Цветовой тон, чтобы сменить цвет, Насыщенность — для более ярких или мягких цветов, и Яркость — чтобы сделать светлее или темнее. Отметьте Тонирование, чтобы окрасить весь слой в один цвет.

Меню Изображение с пунктами Яркость Контраст, Цветовой тон Насыщенность, Уровни и Цветовой баланс
Меню Изображение: коррекция и инструменты холста.
Окно Цветовой тон Насыщенность перекрашивает рожок мороженого в розовый
Цветовой тон/Насыщенность делает рожок розовым.

5Добавьте фон с градиентом

Прозрачному PNG можно задать любой фон. Нарисуйте прямоугольник инструментом Прямоугольник (U) поверх всего изображения — он станет новым слоем. Щёлкните его правой кнопкой и выберите Переместить слой на задний план (Ctrl+Shift+[), чтобы он оказался за мороженым.

Затем выберите инструмент Градиент (Shift+G) и проведите по прямоугольнику. Выберите линейный или радиальный градиент и готовый вариант — радуга ниже является радиальным градиентом, который начинается в красной точке. Подойдёт и сплошной цвет: используйте Заливку (G).

Слой с чёрным прямоугольником поверх всего изображения
Прямоугольник поверх всего изображения.
Контекстное меню слоя с выбранным пунктом Переместить слой на задний план
Правый щелчок › Переместить слой на задний план.
Фон с радиальным радужным градиентом за PNG-рожком мороженого
Радиальный радужный градиент в качестве нового фона.

6Добавьте текст и стили текста

Выберите инструмент Текст (T) и щёлкните по изображению. Введите текст в окне Изменить текст и нажмите Применить текст (или Ctrl+Enter). Каждый текст — отдельный слой: позже дважды щёлкните его, чтобы изменить слова.

На панели текста справа есть шрифты (в том числе ваши файлы .ttf и .otf), размер, выравнивание, межбуквенный интервал, заливка, градиент, обводка и тень. Быстрее всего — щёлкнуть один из Стилей текста: свечение, неон, 3D, обводка, наклейка и другие. Они используют два цвета над ними, поэтому один щелчок даёт согласованный вид.

Окно «Изменить текст» онлайн-редактора изображений с кнопкой «Применить текст»
Введите текст и нажмите «Применить текст».
Панель стилей текста со стилями свечения, неона и обводки на тексте Cool Ice
Стили текста: один щелчок — готовый вид.
Светящийся фиолетовый стиль текста на изображении с панелью слоёв
Смените два цвета стиля, чтобы получить другой вид.

7Библиотека эффектов и Поиск изображений

Меню Окно открывает двух больших помощников:

  • Библиотека эффектов — более 80 эффектов по группам (Искажение и деформация, Размытие и фокус, Художественные, Свет и объектив, Цвет…), каждый с живым превью: размытие, свечение, набросок, виньетка, вихрь, зеркало, отражение и многие другие.
  • Поиск изображений — ищите в коллекции PremiumPNG.com, не выходя из редактора. Щёлкните результат, и он добавится к вашему изображению новым слоем — здесь шарик розового мороженого.

На панели Слои можно перетащить слой вверх или вниз, чтобы изменить порядок, скрыть его значком глаза или заблокировать. Панель Трансформация задаёт точное положение, размер и поворот и выравнивает слой.

Меню Окно редактора изображений с выбранным пунктом Библиотека эффектов
Окно › Библиотека эффектов.
Меню Окно с выбранным пунктом Поиск изображений
Окно › Поиск изображений.
Результаты Поиска изображений мороженого PNG внутри редактора
Результаты поиска — щёлкните любой, чтобы добавить его слоем.
Перетаскивание слоя на панели слоёв и панель трансформации с положением, размером и поворотом
Перетаскивайте слои, чтобы менять их порядок.

8Сотрите то, что не нужно

В кнопке Ластик собраны три ластика:

  • Ластик (E) — стирает мягкой или жёсткой кистью. Размер и жёсткость задаются вверху, либо используйте клавиши [ и ].
  • Фоновый ластик — стирает цвет фона вокруг объекта и сохраняет края.
  • Волшебный ластик — одним щелчком стирает область одного цвета.

Стёртые места становятся прозрачными, а Ctrl+Z возвращает их. Инструменты Кисть, Штамп, Точечная восстанавливающая кисть, Размытие, Палец, Осветлитель и Затемнитель работают так же.

Инструменты Ластик, Фоновый ластик и Волшебный ластик
Ластик, Фоновый ластик и Волшебный ластик.
Стирание части помещённого PNG-слоя инструментом Ластик
Стирание части нового слоя.

9Сохраните PNG или экспортируйте в JPEG, WebP, PDF и другие форматы

Нажмите Сохранить PNG справа вверху: вы получите новый PNG с вашими правками, а прозрачные области останутся прозрачными.

Для других форматов выберите Файл › Экспортировать как. Можно задать ширину, высоту и разрешение и выбрать фон:

  • Изображения: PNG, JPEG, WebP, AVIF, GIF, TIFF, PSD, BMP, TGA, ICO (значок) и RAW
  • Документ: PDF

Ещё не закончили? Файл › Сохранить как проект сохраняет все слои, тексты и стили, а Файл › Открыть проект откроет его позже.

Окно «Экспортировать как» с форматами PNG, JPEG, WebP, GIF, TIFF, PSD, BMP, TGA, ICO, RAW и PDF
Экспортировать как: растровые форматы и PDF.

10Сохранение в сжатый файл (ZIP, 7Z, TAR.GZ…)

Хотите отправить изображение по почте или уменьшить его размер? Выберите Файл › Сохранить как сжатый файл. Укажите формат изображения (PNG, JPEG или WebP) и формат архива, затем нажмите Сохранить: редактор сохранит изображение и скачает его упакованным в один сжатый файл.

  • ZIP - открывается на любом компьютере и телефоне
  • 7Z - открывается в 7-Zip, WinRAR и Windows 11
  • CAB, TAR, TAR.GZ и GZ - для Windows, Linux и Mac

Файл получает название изображения, например AI-Red-Fox-edited.zip, а редактор запоминает формат, выбранный в прошлый раз.

Окно «Сохранить как сжатый файл» редактора изображений с форматом изображения и форматами ZIP, 7Z, CAB, TAR, TAR.GZ и GZ
Файл › Сохранить как сжатый файл.

Инструменты и сочетания клавиш

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

КлавишаИнструментДля чего
VВыделение / Перемещениевыделять, перемещать, масштабировать и поворачивать слои
M / Shift+MПрямоугольная / Овальная областьвыделять прямоугольник или эллипс
L / Shift+LЛассо / Прямолинейное / Магнитное лассовыделять от руки, прямыми линиями или по краям
WВолшебная палочкавыделять область одного цвета
CРамкаобрезать изображение до нового размера
IПипеткабрать цвет с изображения
B / NКисть / Карандашрисовать мягкие или жёсткие линии
EЛастикстирать до прозрачности (также Фоновый и Волшебный ластик)
SШтампкопировать одну часть изображения на другую
JТочечная восстанавливающая кистьубирать пятна и мелкие дефекты
R / Shift+RРазмытие / Палецсмягчать или размазывать части изображения
O / Shift+OОсветлитель / Затемнительосветлять или затемнять участки
GЗаливказаливать область цветом
Shift+GГрадиентзаливать линейным или радиальным градиентом
TТекстдобавлять и редактировать текстовые слои
U / Shift+UПрямоугольник / Эллипсрисовать фигуры новыми слоями
\Линиярисовать прямые линии (Shift = шаг 45°)
H / ZРука / Масштабперемещаться и масштабировать

Также полезно: Ctrl+Z отменить, Ctrl+X / Ctrl+C / Ctrl+V вырезать, копировать, вставить, Ctrl+A выделить всё, Ctrl+U Цветовой тон/Насыщенность, [ ] размер кисти.

Вопросы и ответы

Можно ли бесплатно редактировать PNG-изображения онлайн?
Редактор изображений входит в тарифы Premium Elite и Premium Ultra. Нужно войти в аккаунт, и вы можете редактировать каждый PNG, который ваш тариф позволяет скачать.
Остаётся ли прозрачный фон прозрачным?
Да. Прозрачные PNG открываются с прозрачностью, и Сохранить PNG её сохраняет. Цвет фона появляется, только если вы добавите слой фона или экспортируете в формат без прозрачности (например, JPEG).
Нужен ли Photoshop?
Нет. Редактор работает в браузере (Chrome, Edge, Firefox или Safari) на Windows, Mac и Linux — ничего устанавливать не нужно. В нём есть слои, выделения, коррекция и привычные сочетания клавиш, а ещё он умеет экспортировать файл PSD.
Меняется ли оригинальное изображение?
Нет. Оригинал на PremiumPNG.com всегда остаётся прежним. Сохранить PNG даёт вам новый файл с вашими правками.
Можно ли добавить свои изображения или другие изображения PremiumPNG?
Да. Используйте Файл › Поместить изображение как слой для картинки с компьютера или Окно › Поиск изображений, чтобы добавить изображения PremiumPNG.com новыми слоями. Скрытая информация в ваших собственных изображениях (данные камеры, GPS и ИИ-генераторов) удаляется при добавлении.
В каких форматах можно сохранить?
PNG через Сохранить PNG, файлы проекта, чтобы продолжить позже, а через «Экспортировать как» — JPEG, WebP, AVIF, GIF, TIFF, PSD, BMP, TGA, ICO, RAW и PDF. С помощью «Файл › Сохранить как сжатый файл» его также можно скачать в формате ZIP, 7Z, CAB, TAR, TAR.GZ или GZ.
На каких языках доступен редактор?
Редактор доступен на 29 языках, среди них английский, испанский, португальский, французский, немецкий, итальянский, русский, китайский, японский, хинди, индонезийский и сингальский. Язык можно сменить в любой момент в правом верхнем углу редактора.
Можно ли скачать результат как файл ZIP или 7Z?
Да. Выберите Файл › Сохранить как сжатый файл и укажите ZIP, 7Z, CAB, TAR, TAR.GZ или GZ. Отредактированный файл сохраняется и скачивается внутри одного сжатого файла - удобно для отправки по почте.
Можно ли пользоваться редактором на планшете или Smart TV?
Да. Редактор работает в современных браузерах на компьютерах, планшетах и Smart TV. Сохранённые файлы скачиваются с названием изображения, поэтому они правильно появляются и в списке загрузок браузеров телевизоров и телефонов.
Есть ли редактор и для векторных файлов EPS?
Да. Векторы EPS открываются в Векторном редакторе PremiumPNG с контурами, градиентами и градиентными сетками. См. руководство по Векторному редактору.

Готовы отредактировать свой первый PNG?

Выберите прозрачный PNG, нажмите «Редактировать» и сделайте его своим.

Смотреть PNG-изображения Посмотреть тарифы