Как редактировать PNG-изображения онлайн в Редакторе изображений PremiumPNG
Откройте любой прозрачный PNG с PremiumPNG.com прямо в браузере, вырезайте и перекрашивайте части, добавляйте фон, текст и эффекты и сохраняйте новый PNG — с прозрачностью и без Photoshop.
Что умеет Редактор изображений 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.
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).
6Добавьте текст и стили текста
Выберите инструмент Текст (T) и щёлкните по изображению. Введите текст в окне Изменить текст и нажмите Применить текст (или Ctrl+Enter). Каждый текст — отдельный слой: позже дважды щёлкните его, чтобы изменить слова.
На панели текста справа есть шрифты (в том числе ваши файлы .ttf и .otf), размер, выравнивание, межбуквенный интервал, заливка, градиент, обводка и тень. Быстрее всего — щёлкнуть один из Стилей текста: свечение, неон, 3D, обводка, наклейка и другие. Они используют два цвета над ними, поэтому один щелчок даёт согласованный вид.
7Библиотека эффектов и Поиск изображений
Меню Окно открывает двух больших помощников:
- Библиотека эффектов — более 80 эффектов по группам (Искажение и деформация, Размытие и фокус, Художественные, Свет и объектив, Цвет…), каждый с живым превью: размытие, свечение, набросок, виньетка, вихрь, зеркало, отражение и многие другие.
- Поиск изображений — ищите в коллекции PremiumPNG.com, не выходя из редактора. Щёлкните результат, и он добавится к вашему изображению новым слоем — здесь шарик розового мороженого.
На панели Слои можно перетащить слой вверх или вниз, чтобы изменить порядок, скрыть его значком глаза или заблокировать. Панель Трансформация задаёт точное положение, размер и поворот и выравнивает слой.
8Сотрите то, что не нужно
В кнопке Ластик собраны три ластика:
- Ластик (E) — стирает мягкой или жёсткой кистью. Размер и жёсткость задаются вверху, либо используйте клавиши [ и ].
- Фоновый ластик — стирает цвет фона вокруг объекта и сохраняет края.
- Волшебный ластик — одним щелчком стирает область одного цвета.
Стёртые места становятся прозрачными, а Ctrl+Z возвращает их. Инструменты Кисть, Штамп, Точечная восстанавливающая кисть, Размытие, Палец, Осветлитель и Затемнитель работают так же.
9Сохраните PNG или экспортируйте в JPEG, WebP, PDF и другие форматы
Нажмите Сохранить PNG справа вверху: вы получите новый PNG с вашими правками, а прозрачные области останутся прозрачными.
Для других форматов выберите Файл › Экспортировать как. Можно задать ширину, высоту и разрешение и выбрать фон:
- Изображения: PNG, JPEG, WebP, AVIF, GIF, TIFF, PSD, BMP, TGA, ICO (значок) и RAW
- Документ: 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, а редактор запоминает формат, выбранный в прошлый раз.
Инструменты и сочетания клавиш
Инструменты работают как в других профессиональных фоторедакторах, с теми же сочетаниями клавиш. Наведите указатель на инструмент в редакторе, чтобы увидеть его название и сочетание клавиш. Маленький треугольник на кнопке инструмента означает, что в ней есть ещё инструменты: зажмите на ней кнопку мыши, чтобы выбрать.
| Клавиша | Инструмент | Для чего |
|---|---|---|
| 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-изображения онлайн?
Остаётся ли прозрачный фон прозрачным?
Нужен ли Photoshop?
Меняется ли оригинальное изображение?
Можно ли добавить свои изображения или другие изображения PremiumPNG?
В каких форматах можно сохранить?
На каких языках доступен редактор?
Можно ли скачать результат как файл ZIP или 7Z?
Можно ли пользоваться редактором на планшете или Smart TV?
Есть ли редактор и для векторных файлов EPS?
Готовы отредактировать свой первый PNG?
Выберите прозрачный PNG, нажмите «Редактировать» и сделайте его своим.
Смотреть PNG-изображения Посмотреть тарифы