Photopea: онлайн-редактор фото и PSD

Photopea — это продвинутый онлайн-редактор изображений, который работает прямо в браузере и закрывает сразу несколько задач: обработку фотографий, редактирование PSD-макетов, создание баннеров, подготовку изображений для сайта, работу с текстом, векторными элементами, масками, слоями и экспортом в популярные форматы. По логике интерфейса и набору инструментов Photopea ближе всего к классическим профессиональным редакторам: здесь есть рабочая область с холстом, верхнее меню, левая панель инструментов, правая панель слоев, история действий, каналы, свойства объектов, корректировки и фильтры.

Выбор редакции

Photopea

Рекомендуем

ФотоМАСТЕР

• Простой интерфейс
• Ретушь и замена фона
• Фильтры и автокоррекция
• Быстрая обработка фото

Photopea

• Работает онлайн
• Зависит от сервиса
• Не заменяет полноценный фоторедактор
• Есть ограничения бесплатного доступа

Главная особенность Photopea — сочетание браузерного формата и глубокой поддержки PSD. Это не простой онлайн-фоторедактор для фильтров и обрезки, а полноценная рабочая среда для слоистых документов. В ней можно открыть макет с группами, текстовыми слоями, масками, стилями, смарт-объектами, отредактировать нужные элементы и сохранить результат обратно в PSD или экспортировать его в PNG, JPG, WebP, SVG, PDF и другие форматы.

Photopea особенно полезна в ситуациях, когда нужно быстро открыть PSD-файл, поправить баннер, заменить текст в шаблоне, удалить фон, подготовить изображение для карточки товара, сделать превью для видео, обработать фото для соцсетей или проверить макет без установки тяжелого десктопного редактора. При этом программа не ограничивается бытовой обработкой: в ней есть инструменты, которые обычно ожидаешь увидеть в серьезном графическом редакторе, включая Curves, Levels, Hue/Saturation, Layer Styles, Smart Objects, Refine Edge, Clone Stamp, Spot Healing Brush, Pen Tool, Shape Tool, Channels и Paths.

Что такое Photopea

Photopea — это веб-приложение для редактирования растровой и векторной графики. Оно подходит для фотографий, иллюстраций, макетов сайтов, рекламных материалов, обложек, логотипов, интерфейсных элементов и многостраничных рабочих файлов, где нужно сохранять структуру документа. Внутри редактора документы приводятся к логике PSD: даже если пользователь открывает JPG, PNG, SVG, Sketch или другой формат, работа строится как со слоистым документом, который можно сохранить как PSD или экспортировать в нужный конечный формат.

В обычной практике Photopea используют для таких задач:

• открыть и отредактировать PSD-макет;

• заменить изображение внутри Smart Object;

• изменить текст в шаблоне;

• удалить фон у фотографии;

• подготовить PNG с прозрачностью;

• уменьшить размер изображения для сайта;

• сделать баннер, аватар, превью, обложку или рекламный креатив;

• выполнить ретушь кожи, убрать пыль, пятна, мелкие дефекты;

• применить цветокоррекцию через Levels, Curves, Brightness/Contrast, Hue/Saturation;

• нарисовать фигуры и векторные элементы;

• экспортировать изображение в JPG, PNG, WebP, SVG, PDF или GIF;

• открыть файлы, которые не всегда удобно открывать в простых онлайн-сервисах: PSD, AI, PDF, SVG, RAW, Figma, Sketch, XD, CDR, EPS, INDD и другие.

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

Для кого подходит Photopea

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

Дизайнеры и верстальщики

Для дизайнера Photopea полезна прежде всего как редактор PSD онлайн. Можно открыть макет, посмотреть структуру слоев, проверить размеры, скрыть или показать группу, экспортировать отдельный элемент, заменить картинку в смарт-объекте или подготовить графику для сайта. Когда нужно быстро поправить файл, а под рукой нет привычного рабочего места, Photopea решает проблему без долгой подготовки.

Для верстальщика важны другие функции: измерение элементов, экспорт графики, работа со слоями, просмотр шрифтов, проверка прозрачности, подготовка WebP или PNG, открытие макетов с группами и артбордами. Редактор помогает разобрать структуру PSD и получить из него нужные изображения.

SMM-специалисты и контент-менеджеры

Для SMM-задач Photopea удобна тем, что в одном окне можно сделать обложку, сторис, рекламный баннер, карточку товара, постер, мем, превью или промо-изображение. Здесь есть Type Tool для текста, Shape Tool для плашек и кнопок, Layer Styles для теней и обводок, Crop Tool для кадрирования, Export As для вывода в нужный формат.

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

Фотографы и ретушеры-любители

Для базовой и средней ретуши Photopea предлагает инструменты, которые нужны чаще всего: Spot Healing Brush, Healing Brush, Clone Stamp, Patch Tool, Dodge Tool, Burn Tool, Blur Tool, Sharpen Tool, Smudge Tool, корректировки Curves, Levels, Exposure, Vibrance, Color Balance, Black & White. С помощью этих инструментов можно убрать небольшие дефекты, почистить фон, выровнять тон, усилить контраст, подготовить снимок к публикации.

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

Владельцы сайтов и интернет-магазинов

Для сайта Photopea полезна в задачах оптимизации и подготовки изображений. В редакторе можно:

• изменить размер изображения через Image → Image Size;

• обрезать фото через Crop Tool;

• сделать белый или прозрачный фон для товара;

• добавить подпись, плашку или логотип;

• экспортировать в JPG для фотографий;

• экспортировать в PNG для прозрачности;

• экспортировать в WebP для веб-страниц;

• сохранить PSD-шаблон карточки товара.

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

Студенты и начинающие пользователи

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

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

Интерфейс Photopea

Интерфейс Photopea устроен как рабочая станция графического редактора. Он не пытается быть минималистичным: на экране сразу видны инструменты, меню, панели и рабочая область. Это правильно для редактора PSD, потому что большая часть задач требует постоянного доступа к слоям, параметрам инструмента, истории и свойствам объекта.

Основные зоны интерфейса:

Зона интерфейса	Что находится внутри	Для чего используется
Верхнее меню	File, Edit, Image, Layer, Select, Filter, View, Window, More	Открытие, сохранение, экспорт, трансформация, работа со слоями, фильтрами, выделениями и панелями
Панель параметров	Настройки активного инструмента	Размер кисти, шрифт, режим выделения, тип фигуры, параметры обрезки и другие настройки
Левая панель инструментов	Move, Crop, Brush, Eraser, Type, Pen, Shape, Zoom и другие	Основное редактирование изображения и объектов
Центральная область	Холст и открытые документы	Работа с изображением, макетом, выделением и объектами
Вкладки документов	Названия открытых файлов	Переключение между несколькими проектами
Правая панель	Layers, History, Swatches, Properties, Channels, Paths	Управление слоями, историей, цветами, каналами, контурами и свойствами

Верхнее меню

Верхнее меню — главный центр управления программой.

File отвечает за создание, открытие, сохранение и экспорт. Здесь находятся команды New, Open, Open More, Save, Save as PSD, Export As, Automate, Scripts, Take a picture и другие операции с файлом.

Edit используется для отмены действий, копирования, вставки, трансформации и настроек. Здесь важны Undo, Redo, Cut, Copy, Paste, Free Transform, Puppet Warp, Content-Aware Fill, Preferences, Local Storage.

Image содержит операции с изображением: Image Size, Canvas Size, Transform, Adjustments. Через этот раздел меняют размер, холст, поворачивают изображение, применяют цветокоррекцию.

Layer управляет слоями: создание, дублирование, удаление, растеризация, маски, стили слоя, смарт-объекты, корректирующие слои, группировка.

Select используется для выделений. Здесь находятся команды All, Deselect, Inverse, Modify, Refine Edge, Color Range и другие операции, которые помогают выделять объекты и уточнять границы.

Filter содержит фильтры: размытие, резкость, шум, искажения, стилизация, пластика, галерея размытия и другие эффекты.

View отвечает за масштаб, линейки, направляющие, привязку, режимы просмотра.

Window включает и отключает панели: Layers, History, Properties, Channels, Paths, Brush, Character, Paragraph, Layer Comps и другие.

More содержит дополнительные разделы и сервисные команды.

Левая панель инструментов

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

На практике чаще всего используются:

Инструмент	Назначение
Move Tool	Перемещение слоев, объектов и выделенных областей
Rectangular Marquee / Elliptical Marquee	Прямоугольное и овальное выделение
Lasso / Polygonal Lasso / Magnetic Lasso	Ручное выделение произвольной формы
Magic Wand	Выделение областей похожего цвета
Quick Selection	Быстрое выделение объекта кистью
Crop Tool	Обрезка изображения и изменение кадра
Eyedropper Tool	Взятие цвета с изображения
Spot Healing Brush	Быстрое удаление мелких дефектов и лишних объектов
Healing Brush	Ретушь с учетом выбранного источника
Patch Tool	Замена выделенной области на другой участок
Brush Tool	Рисование кистью
Clone Stamp	Клонирование участка изображения
Eraser Tool	Стирание пикселей или маски
Gradient Tool	Создание градиентных заливок
Blur / Sharpen / Smudge	Размытие, резкость, размазывание
Dodge / Burn / Sponge	Осветление, затемнение, изменение насыщенности
Pen Tool	Создание точных контуров и векторных кривых
Type Tool	Добавление и редактирование текста
Path Select / Direct Select	Управление векторными контурами
Shape Tool	Создание прямоугольников, эллипсов, линий и пользовательских фигур
Hand Tool	Перемещение холста
Zoom Tool	Масштабирование изображения

Правая панель

Главная правая панель — Layers. Именно здесь видна структура документа. Если открыт PSD-макет, в Layers будут отображаться слои, группы, текст, смарт-объекты, маски, эффекты и порядок наложения. Работа со слоями в Photopea не второстепенная функция, а основа всего редактора.

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

Properties показывает параметры выбранного объекта или корректировки. Например, для фигуры здесь могут быть параметры заливки и обводки, для корректирующего слоя — настройки эффекта.

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

Paths хранит контуры, созданные пером или векторными инструментами.

Начало работы: создание и открытие файла

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

Основные способы:

• File → New — создать новый документ;

• File → Open — открыть файл через системное окно выбора;

• Open From Computer — открыть локальный файл со стартового экрана;

• перетащить файл в окно Photopea;

• вставить изображение из буфера через Ctrl + V;

• открыть файл через File → Open More;

• открыть файл из хранилища через File → Open More → Storage.

Когда в Photopea открывается одиночное изображение JPG или PNG, оно становится документом с одним растровым слоем. Если поверх уже открытого документа перетащить другой файл, он может быть вставлен в текущий проект как новый слой, часто как Smart Object. Это удобно для коллажей, баннеров, мокапов и карточек товара.

Если открыть PSD, Photopea показывает его структуру: группы, слои, текст, эффекты, маски и смарт-объекты. Пользователь может менять отдельные элементы, не разрушая весь макет. Например, в шаблоне рекламного баннера можно заменить только фотографию, изменить заголовок, выключить декоративную группу и экспортировать новый вариант.

Создание нового проекта

Команда File → New открывает окно создания документа. В нем выбирают размер холста, ориентацию, фон и шаблон. Для типовых задач можно задать размеры вручную:

Задача	Пример размера
Баннер для сайта	1200 × 628 px
Квадратный пост	1080 × 1080 px
Вертикальная сторис	1080 × 1920 px
Обложка видео	1280 × 720 px
Карточка товара	1000 × 1000 px
Иконка	512 × 512 px

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

Открытие PSD

Открытие PSD — одна из сильных сторон Photopea. Программа работает с PSD как с основным форматом, поэтому такие файлы открываются не как плоская картинка, а как редактируемая структура. Это значит, что можно:

• включать и выключать слои;

• менять порядок слоев;

• редактировать текстовые слои;

• перемещать группы;

• открывать Smart Objects;

• менять Layer Styles;

• использовать маски;

• экспортировать отдельные элементы;

• сохранять структуру обратно в PSD.

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

Основные инструменты редактирования

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

Move Tool

Move Tool перемещает слои, группы, объекты и выделенные области. Если включен режим автоматического выбора, можно кликать по объекту на холсте и сразу выбирать соответствующий слой. Если автоматический выбор отключен, слой нужно выбирать вручную в панели Layers.

Move Tool используют для:

• расстановки элементов на баннере;

• перемещения фотографии внутри макета;

• выравнивания текста;

• переноса объекта между документами;

• сборки коллажа;

• размещения логотипа или водяного знака;

• работы с группами слоев.

Crop Tool

Crop Tool нужен для обрезки изображения. Он позволяет задать новую рамку кадра, изменить композицию, убрать лишние края, подготовить изображение под конкретное соотношение сторон. После выбора инструмента пользователь растягивает рамку, двигает углы и подтверждает обрезку в верхней панели.

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

Brush Tool

Brush Tool используется для рисования, дорисовки, работы с масками, мягких затемнений, бликов и ручной ретуши. В верхней панели настраиваются размер, жесткость, непрозрачность и режим кисти. В Photopea можно загружать собственные кисти, а также использовать кисти для масок, иллюстраций и текстур.

На обычном слое черная кисть рисует черным цветом, белая — белым. На маске слоя логика другая: черный скрывает область, белый показывает, серый делает область полупрозрачной. Это ключевой принцип неразрушающего редактирования.

Eraser Tool

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

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

Type Tool

Type Tool создает текстовые слои. В Photopea можно делать точечный текст и текстовый блок. Точечный текст подходит для коротких заголовков, логотипов и подписей. Текстовый блок удобен для абзацев, описаний, карточек и рекламных макетов.

Через верхнюю панель и текстовые панели можно менять:

• шрифт;

• размер;

• цвет;

• выравнивание;

• межстрочный интервал;

• расстояние между буквами;

• начертание;

• направление;

• сглаживание;

• трансформацию текста.

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

Pen Tool

Pen Tool нужен для точных контуров. Он сложнее, чем Magic Wand или Quick Selection, но дает лучший контроль при выделении предметов с четкими краями: упаковки, техники, мебели, одежды, логотипов. С помощью Pen Tool создают кривые Безье, а затем превращают контур в выделение, маску или векторную фигуру.

Pen Tool используют для:

• аккуратной вырезки объектов;

• создания логотипов;

• построения иконок;

• рисования кривых;

• работы с векторными масками;

• подготовки контуров для дальнейшего редактирования.

Shape Tool

Shape Tool создает векторные фигуры: прямоугольники, эллипсы, линии, многоугольники, пользовательские формы. У фигур можно настраивать Fill и Stroke, то есть заливку и обводку. Фигуры удобны для кнопок, плашек, рамок, схем, инфографики и декоративных элементов.

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

Работа со слоями

Слои — центральная часть Photopea. Каждый слой содержит отдельный элемент: фотографию, текст, фигуру, корректировку, маску, смарт-объект или группу. Итоговое изображение собирается из слоев, расположенных один над другим. Верхние слои перекрывают нижние, если не изменены режимы наложения или прозрачность.

Что можно делать в панели Layers

В панели Layers можно:

• выбирать активный слой;

• включать и выключать видимость через значок глаза;

• менять порядок слоев перетаскиванием;

• создавать новый слой;

• удалять слой через значок корзины;

• дублировать слой через Ctrl + J или контекстное меню;

• создавать группы;

• помещать слои в группы;

• менять непрозрачность через Opacity;

• выбирать режим наложения;

• блокировать прозрачность, пиксели, позицию или весь слой;

• добавлять маску;

• добавлять стили слоя;

• создавать корректирующие слои;

• переименовывать слои двойным щелчком по имени.

Группы слоев

Группы нужны для порядка. В сложном PSD может быть десятки и сотни слоев: фон, фото, декоративные элементы, текст, кнопки, иконки, тени, эффекты, варианты цвета. Без групп такой документ быстро превращается в хаос.

Группу можно использовать как папку. Например:

• Header — элементы шапки сайта;

• Text — заголовки и описания;

• Photos — фотографии;

• Buttons — кнопки и CTA;

• Background — фоновые слои;

• Effects — свет, тени, текстуры;

• Mobile и Desktop — варианты макета.

Когда группа выделена, ее можно двигать, скрывать, дублировать и трансформировать вместе со всем содержимым.

Непрозрачность и режимы наложения

Параметр Opacity управляет прозрачностью слоя. Если поставить 50%, слой станет наполовину прозрачным. Это удобно для теней, бликов, текстур, цветных плашек и наложения эффектов.

Режимы наложения меняют способ смешивания слоя с нижними слоями. На практике часто используются:

Режим	Для чего подходит
Normal	Обычное отображение
Multiply	Затемнение, тени, текстуры на светлом фоне
Screen	Осветление, блики, световые эффекты
Overlay	Усиление контраста
Soft Light	Мягкая тонировка
Color	Изменение цвета без сильного влияния на яркость
Luminosity	Работа с яркостью без смены цвета

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

Блокировки слоя

В Photopea слой можно заблокировать частично или полностью. Это защищает от случайных изменений.

Основные варианты блокировки:

• Transparency — нельзя рисовать по прозрачным областям;

• Pixels — нельзя менять пиксели слоя;

• Position — нельзя двигать или трансформировать слой;

• All — полная блокировка.

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

Маски и выделения

Маски и выделения — основа аккуратной работы в Photopea. Выделение задает область, с которой выполняется действие. Маска скрывает или показывает часть слоя без удаления пикселей. Вместе они позволяют вырезать объекты, менять фон, применять эффект только к части изображения и делать сложные коллажи.

Инструменты выделения

В Photopea есть несколько подходов к выделению.

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

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

Polygonal Lasso строит выделение из прямых отрезков. Он полезен для предметов с угловатыми краями: коробок, зданий, мебели, техники.

Magnetic Lasso пытается цепляться за контрастный край объекта. Он подходит для объектов на относительно однотонном фоне, но требует контроля.

Magic Wand выделяет похожие по цвету области. Это быстрый инструмент для простого фона, однотонных плашек, неба, белого задника, цветных объектов.

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

Select → Color Range помогает выделять области по цвету. Это удобно для замены цвета, выделения неба, удаления однотонного фона или обработки отдельных цветовых диапазонов.

Маска слоя

Маска слоя добавляется через кнопку маски внизу панели Layers или через меню Layer. Белые области маски показывают слой, черные скрывают, серые делают его полупрозрачным.

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

Пример работы с маской:

1. Открыть фото.

2. Выделить объект через Quick Selection или Magic Wand.

3. Нажать кнопку добавления маски в панели Layers.

4. Исправить края черной и белой кистью.

5. Подложить новый фон на слой ниже.

6. Экспортировать результат в PNG или JPG.

Refine Edge

Select → Refine Edge помогает уточнять сложные границы: волосы, мех, ветки, полупрозрачные края, тонкие детали. В режиме Refine Edge пользователь размечает объект, фон и спорную область, а Photopea рассчитывает прозрачность переходов.

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

Ретушь фотографий

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

Spot Healing Brush

Spot Healing Brush — один из самых удобных инструментов для быстрой ретуши. Пользователь просто проводит кистью по дефекту, а Photopea заменяет область похожим содержимым вокруг. Инструмент подходит для:

• удаления прыщей;

• устранения пыли и царапин;

• чистки старых фотографий;

• удаления маленьких пятен;

• исправления мелких дефектов кожи;

• удаления небольших объектов на фоне.

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

Healing Brush

Healing Brush работает точнее, потому что пользователь сам выбирает источник. Обычно сначала зажимают Alt и кликают по чистому участку, затем рисуют по дефекту. Photopea переносит фактуру из источника и адаптирует ее к окружению.

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

Clone Stamp

Clone Stamp копирует пиксели из одного места в другое. Это грубее, чем Healing Brush, но дает полный контроль. Clone Stamp используют для:

• восстановления фона;

• удаления крупных объектов;

• копирования текстур;

• исправления повторяющихся элементов;

• работы с краями;

• ручной реконструкции изображения.

Правило Clone Stamp простое: часто менять источник и использовать мягкую кисть. Если долго клонировать из одного места, на фото появятся заметные повторяющиеся фрагменты.

Patch Tool

Patch Tool работает через выделение. Пользователь выделяет проблемный участок и перетаскивает его на чистую область, откуда нужно взять замену. Инструмент удобен для более крупных дефектов: складок на фоне, пятен, мусора на полу, нежелательных объектов на однотонной поверхности.

Dodge, Burn и Sponge

Dodge Tool осветляет участки, Burn Tool затемняет, Sponge Tool меняет насыщенность. Эти инструменты подходят для локальной коррекции света и объема. Например, можно слегка осветлить глаза, затемнить края, усилить объем лица или приглушить слишком яркий участок.

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

Цветокоррекция и коррекция изображения

Цветокоррекция в Photopea находится прежде всего в меню Image → Adjustments. Здесь собраны инструменты для яркости, контраста, цвета, насыщенности и тонового диапазона.

Часто используемые корректировки:

Инструмент	Что делает	Когда использовать
Brightness/Contrast	Меняет яркость и контраст	Быстрая общая правка
Levels	Управляет черной, белой и средней точкой	Исправление тусклых и серых фото
Curves	Гибко меняет тоновую кривую	Точная коррекция света, контраста и цвета
Exposure	Меняет экспозицию	Слишком темные или светлые снимки
Vibrance	Аккуратно усиливает насыщенность	Фото людей, пейзажи, предметка
Hue/Saturation	Меняет тон, насыщенность и яркость цвета	Замена цвета, усиление или приглушение оттенков
Color Balance	Сдвигает баланс цветов	Исправление цветового оттенка
Black & White	Переводит в черно-белый режим	Монохромная стилизация
Photo Filter	Добавляет цветовой фильтр	Теплая или холодная тонировка
Invert	Инвертирует цвета	Эффекты, маски, технические задачи
Posterize	Уменьшает число тонов	Стилизация
Threshold	Делает черно-белое пороговое изображение	Маски, графика, контрастные эффекты

Levels

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

Levels удобен для:

• предметных фото;

• сканов документов;

• изображений с низким контрастом;

• быстрой подготовки картинок для сайта;

• выравнивания белого фона.

Curves

Curves — более гибкий инструмент. Кривая позволяет отдельно управлять тенями, средними тонами и светами. Самый частый прием — легкая S-образная кривая: тени немного затемняются, света немного осветляются, контраст становится выразительнее.

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

Adjustment Layers

Корректировки можно применять напрямую к слою, но в серьезной работе лучше использовать Adjustment Layers. Корректирующий слой не разрушает исходное изображение: настройки можно изменить позже, отключить, замаскировать или удалить.

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

Текст и типографика

Работа с текстом в Photopea организована через Type Tool. Текст создается как отдельный текстовый слой, который можно редактировать, перемещать, трансформировать, стилизовать и комбинировать с эффектами.

Точечный текст и абзацный текст

Если просто кликнуть по холсту инструментом Type Tool, создается точечный текст. Он удобен для коротких фраз:

• заголовок;

• цена;

• подпись;

• логотип;

• дата;

• кнопка;

• короткий слоган.

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

Параметры текста

В Photopea можно настроить:

• шрифт;

• размер;

• цвет;

• начертание;

• выравнивание;

• межстрочный интервал;

• расстояние между буквами;

• масштаб по горизонтали и вертикали;

• сглаживание;

• переносы;

• абзацные параметры.

Для рекламного макета часто используют связку: крупный заголовок, короткий подзаголовок, контрастная плашка и кнопка. В Photopea это делается через текстовые слои, фигуры и стили слоя.

Стили текста

К тексту можно применять Layer Styles:

• Stroke — обводка;

• Drop Shadow — падающая тень;

• Inner Shadow — внутренняя тень;

• Outer Glow — внешнее свечение;

• Inner Glow — внутреннее свечение;

• Color Overlay — цветовая заливка;

• Gradient Overlay — градиент;

• Pattern Overlay — узор;

• Bevel and Emboss — объемный эффект.

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

Векторная графика и фигуры

Photopea работает не только с растровыми изображениями, но и с векторными объектами. Это важно для логотипов, иконок, интерфейсных элементов, схем, стрелок, рамок, плашек и декоративной графики.

Shape Layers

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

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

Pen Tool и контуры

Pen Tool создает кривые и контуры. Контур можно использовать как:

• векторную фигуру;

• путь для выделения;

• основу для маски;

• линию для текста;

• элемент логотипа;

• точную обводку объекта.

Pen Tool требует навыка, но это самый точный инструмент для аккуратных форм. Magic Wand быстро выделяет похожие цвета, Quick Selection быстро находит объект, но Pen Tool дает предсказуемый контур там, где нужен чистый край.

SVG и PDF

Photopea умеет работать с SVG и PDF, что делает редактор полезным не только для фотографий, но и для графики. SVG подходит для иконок, логотипов и веб-элементов. PDF полезен для макетов, печатных материалов, презентационных файлов и обмена документами.

При этом нужно понимать разницу: не каждый PDF является удобным редактируемым макетом. Если PDF содержит растровое изображение, Photopea будет работать с ним как с изображением. Если внутри есть векторные объекты и текст, возможностей редактирования больше.

Работа с PSD и совместимость с Photoshop

PSD — центральный формат Photopea. Редактор открывает и сохраняет PSD, поддерживает слои, группы, маски, стили слоя, текстовые слои, корректирующие слои, Smart Objects, каналы и пути. Благодаря этому Photopea часто используют как онлайн-редактор PSD, когда нужно быстро открыть макет или внести правку без полноценной десктопной среды.

Что хорошо работает в PSD

В большинстве практических задач хорошо сохраняются:

• порядок слоев;

• группы;

• названия слоев;

• видимость слоев;

• текстовые слои;

• растровые слои;

• маски;

• стили слоя;

• корректирующие слои;

• смарт-объекты;

• прозрачность;

• режимы наложения;

• базовые векторные фигуры;

• артборды;

• экспорт слоев и макета.

Это делает Photopea сильным инструментом для шаблонов. Например, дизайнер подготовил PSD-макет баннера, а контент-менеджер может открыть его в Photopea, заменить текст и фото, не ломая всю структуру.

Где возможны ограничения

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

• отсутствующие шрифты;

• сложные эффекты;

• нестандартные плагины;

• очень тяжелые смарт-объекты;

• большие RAW-вставки;

• сложные 3D-элементы;

• специфические цветовые профили;

• редкие режимы и нестандартные рабочие процессы.

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

Smart Objects и шаблоны

Smart Objects — одна из самых полезных функций Photopea при работе с мокапами и шаблонами. Смарт-объект хранит исходное содержимое отдельно и позволяет менять его без разрушения внешнего макета.

Типичный сценарий:

1. Открыть PSD-мокап.

2. Найти слой Smart Object в панели Layers.

3. Дважды кликнуть по миниатюре смарт-объекта.

4. В отдельной вкладке открыть содержимое.

5. Заменить изображение или текст.

6. Сохранить внутренний объект через File → Save.

7. Вернуться к основному макету.

8. Проверить обновленный результат.

9. Экспортировать итоговый JPG или PNG.

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

Почему Smart Objects удобны

Smart Objects позволяют:

• масштабировать слой без постоянной потери качества;

• хранить исходник отдельно;

• применять Smart Filters;

• менять содержимое мокапа;

• сохранять структуру шаблона;

• делать повторяемые правки;

• использовать один макет для серии изображений.

Например, интернет-магазин может иметь один PSD-шаблон карточки товара. Внутри смарт-объекта меняется фото, а рамка, фон, тень, логотип и плашка остаются неизменными.

Фильтры и эффекты

Фильтры в Photopea находятся в меню Filter. Они меняют пиксели изображения или применяются как Smart Filters к смарт-объектам. В редакторе есть как базовые фильтры, так и более продвинутые эффекты.

Основные группы задач:

Задача	Подходящие инструменты
Размытие фона	Gaussian Blur, Blur Gallery, Field Blur
Усиление резкости	Sharpen, Unsharp Mask
Удаление мелких шумов	фильтры размытия и ручная ретушь
Деформация объекта	Liquify, Puppet Warp
Стилизация	пикселизация, шум, искажения
Работа со смарт-объектами	Smart Filters
Исправление перспективы	трансформация, деформация, Vanishing Point

Smart Filters

Когда фильтр применяется к Smart Object, он может работать как Smart Filter. Это значит, что эффект не уничтожает исходное изображение. Его можно включить, выключить, изменить или замаскировать. Такой подход особенно полезен при размытии, резкости, цветовых эффектах и стилизации.

Например, можно сделать слой Smart Object, применить к нему Gaussian Blur, а затем маской Smart Filter оставить размытие только по краям изображения. Центр останется резким, а фон станет мягче.

Liquify

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

Puppet Warp

Puppet Warp помогает деформировать объект через контрольные точки. Его удобно применять к фигурам, вырезанным объектам, рукам, одежде, иллюстрациям, логотипам и декоративным элементам. Пользователь ставит точки и меняет положение части объекта, сохраняя остальную структуру.

Удаление фона и работа с объектами

Удаление фона в Photopea можно делать несколькими способами. Выбор зависит от изображения.

Быстрое удаление однотонного фона

Если фон белый, однотонный или сильно отличается от объекта, подходит Magic Wand.

Порядок действий:

1. Открыть изображение.

2. Выбрать Magic Wand.

3. Кликнуть по фону.

4. Настроить допуск, если выделение захватило слишком мало или слишком много.

5. Нажать Delete или лучше создать маску.

6. Проверить края.

7. Экспортировать как PNG, если нужна прозрачность.

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

Удаление сложного фона

Для сложного фона лучше использовать комбинацию:

• Quick Selection для начального выделения;

• Select → Refine Edge для сложных краев;

• маска слоя для ручной доводки;

• Brush Tool на маске для исправления ошибок;

• новый фон на слое ниже.

Замена фона

Замена фона делается через слои:

1. Вырезать объект маской.

2. Поместить новый фон ниже слоя с объектом.

3. Подогнать размер фона через Edit → Free Transform.

4. Настроить цвет объекта через Curves или Color Balance, чтобы он совпадал с фоном.

5. Добавить тень отдельным слоем или через Drop Shadow.

6. Проверить край объекта на увеличении.

Главная ошибка при замене фона — оставить объект с прежним цветовым оттенком. Например, человек был снят в теплом помещении, а новый фон холодный и синий. Даже идеальная вырезка будет выглядеть чужеродно. Нужно подогнать цвет, контраст и тень.

Экспорт и сохранение результата

Photopea разделяет сохранение рабочего файла и экспорт готового изображения.

Save as PSD

File → Save as PSD сохраняет документ со структурой. Это лучший вариант, если к макету нужно будет вернуться позже. PSD сохраняет слои, текст, маски, группы, смарт-объекты и эффекты.

PSD стоит выбирать, если:

• работа еще не закончена;

• нужно сохранить редактируемый текст;

• важны маски и слои;

• макет будет использоваться повторно;

• нужно передать файл дизайнеру;

• создается шаблон.

Export As

File → Export As используется для готового результата. Здесь выбирают формат, качество, размер и параметры вывода.

Формат	Когда использовать
JPG	Фотографии, изображения без прозрачности, публикации на сайте
PNG	Прозрачный фон, логотипы, интерфейсные элементы, скриншоты
WebP	Веб-графика с хорошим сжатием
SVG	Векторные иконки, логотипы, простая графика
PDF	Документы, макеты, презентационные материалы
GIF	Простая анимация
MP4	Видео/анимационные задачи, если используется соответствующий сценарий
TIFF	Качественные растровые изображения для отдельных рабочих процессов

Для сайта чаще всего используют JPG, PNG и WebP. JPG подходит для фотографий, PNG — для прозрачности, WebP — для оптимизации веса файла.

Как экспортировать PNG с прозрачностью

1. Убедиться, что фон скрыт или удален маской.

2. Проверить прозрачность по шахматной подложке.

3. Открыть File → Export As → PNG.

4. Проверить размер изображения.

5. Сохранить файл.

Если экспортировать в JPG, прозрачность исчезнет, потому что JPG не поддерживает прозрачный фон. Для логотипов, вырезанных объектов и стикеров нужен PNG или WebP с прозрачностью.

Производительность и работа в браузере

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

Что влияет на скорость

На производительность влияют:

• размер документа в пикселях;

• количество слоев;

• наличие больших Smart Objects;

• количество открытых вкладок и документов;

• сложность масок;

• фильтры и корректирующие слои;

• размер истории;

• браузер;

• объем доступной памяти;

• включенные расширения браузера.

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

Как работать быстрее

Практические приемы:

• закрывать лишние документы внутри Photopea;

• не держать в браузере много тяжелых вкладок;

• сохранять рабочий PSD перед сложными операциями;

• объединять копии слоев, если структура больше не нужна;

• превращать сложные группы в Smart Object;

• уменьшать размер изображения, если не нужна огромная печатная версия;

• отключать видимость тяжелых групп на время редактирования;

• очищать лишние промежуточные слои.

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

Бесплатная версия и Premium

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

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

Что важно понимать

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

Безопасность и приватность

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

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

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

Пошаговая инструкция: как обработать фото в Photopea

Ниже — практический сценарий обработки фотографии: обрезка, цветокоррекция, ретушь, добавление текста и экспорт.

Шаг 1. Открыть изображение

Откройте фото через File → Open или кнопку Open From Computer. Изображение появится в центральной рабочей области как документ. В панели Layers будет виден слой с фотографией.

Если нужно сохранить исходник, сразу продублируйте слой через Ctrl + J. Работайте с копией, а оригинал оставьте выключенным или заблокированным.

Шаг 2. Обрезать кадр

Выберите Crop Tool на левой панели. Растяните рамку обрезки, подгоните композицию и подтвердите действие в верхней панели.

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

Шаг 3. Исправить яркость и контраст

Откройте Image → Adjustments → Levels. Подвиньте черную и белую точки к началу и концу данных на гистограмме. Если фото стало слишком контрастным, ослабьте коррекцию.

Для более точной настройки используйте Image → Adjustments → Curves. Легкая S-кривая добавляет объем: тени становятся глубже, света ярче, изображение выглядит выразительнее.

Шаг 4. Убрать мелкие дефекты

Выберите Spot Healing Brush. Настройте размер кисти так, чтобы она была немного больше дефекта. Проведите по прыщу, пятну, пылинке или мелкому объекту. Если результат неудачный, отмените действие и попробуйте кисть меньшего размера.

Для сложных мест используйте Healing Brush или Clone Stamp. В Healing Brush и Clone Stamp источник выбирается через Alt + клик по чистому участку.

Шаг 5. Добавить текст

Выберите Type Tool. Кликните по изображению и введите текст. В верхней панели выберите шрифт, размер и цвет. Если текст должен быть читаемым на сложном фоне, добавьте под него фигуру-плашку или примените Layer Style → Drop Shadow.

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

Шаг 6. Экспортировать результат

Откройте File → Export As → JPG, если изображение без прозрачности. Выберите качество и размер. Для фото на сайт обычно важно найти баланс между качеством и весом файла.

Если нужен прозрачный фон, используйте File → Export As → PNG. Перед экспортом убедитесь, что ненужный фон скрыт, а на холсте видна шахматная прозрачность.

Пошаговая инструкция: как открыть и отредактировать PSD-макет

PSD-макеты — один из главных сценариев Photopea. Ниже пример: нужно заменить текст и изображение в готовом шаблоне.

Шаг 1. Открыть PSD

Используйте File → Open и выберите PSD-файл. После открытия посмотрите на панель Layers. Если макет сложный, сначала найдите основные группы: фон, текст, изображения, декоративные элементы.

Шаг 2. Найти нужный слой

В панели Layers раскрывайте группы по очереди. Часто дизайнеры называют слои понятно: Title, Subtitle, Photo, Logo, Button, Background, Shadow. Если названия хаотичные, можно временно выключать видимость слоев через значок глаза и смотреть, что исчезает на холсте.

Шаг 3. Изменить текст

Выберите текстовый слой. Активируйте Type Tool и кликните по тексту на холсте. Замените фразу, настройте размер и выравнивание. Если новый текст длиннее старого, может потребоваться уменьшить размер шрифта или расширить текстовый блок.

Шаг 4. Заменить изображение

Если изображение находится в Smart Object, дважды кликните по миниатюре слоя. Откроется отдельная вкладка со смарт-объектом. Вставьте новое изображение, подгоните его через Edit → Free Transform, затем выполните File → Save внутри вкладки Smart Object. Вернитесь к основному макету — изображение обновится.

Шаг 5. Проверить эффекты и маски

После замены фото проверьте тени, рамки, маски, цветовые эффекты и положение объекта. Иногда новый снимок имеет другой контраст или цветовую температуру, поэтому его нужно дополнительно подогнать через Curves, Levels или Color Balance.

Шаг 6. Сохранить рабочий файл и экспорт

Если макет будет редактироваться снова, используйте File → Save as PSD. Если нужен только готовый результат, используйте File → Export As → JPG или PNG.

Горячие клавиши Photopea

Горячие клавиши ускоряют работу в Photopea. Они особенно полезны при ретуши, работе со слоями и выделениями.

Горячая клавиша	Действие
Ctrl + O	Открыть файл
Ctrl + S	Сохранить
Ctrl + Z	Отменить действие
Ctrl + Alt + Z	Шаг назад по истории
Ctrl + T	Free Transform
Alt + Ctrl + T	Free Transform через меню трансформации
Ctrl + J	Дублировать слой
Ctrl + G	Сгруппировать слои
Ctrl + Shift + G	Разгруппировать
Ctrl + A	Выделить всё
Ctrl + D	Снять выделение
Ctrl + Shift + I	Инвертировать выделение
Ctrl + C	Копировать
Ctrl + X	Вырезать
Ctrl + V	Вставить
Ctrl + L	Levels
Ctrl + M	Curves
Ctrl + U	Hue/Saturation
V	Move Tool
M	Marquee selection
L	Lasso
W	Magic Wand / Quick Selection
C	Crop Tool
B	Brush Tool
E	Eraser Tool
T	Type Tool
P	Pen Tool
Z	Zoom Tool
H	Hand Tool
Space	Временное перемещение холста

Если инструмент не переключается, часто причина в активном текстовом поле: сначала нужно подтвердить ввод текста или выйти из режима редактирования.

История версий программы

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

Период	Что появилось и почему это важно
Ранний этап	Photopea формировалась как веб-редактор, ориентированный на работу с PSD и сложными графическими документами
Версии 2.x	Усиливались базовые инструменты, появлялись новые функции редактирования, поддержка Sketch, векторные возможности и скрипты
Версия 3.0	Важный этап для SVG и векторной графики: редактор стал полезнее для иконок, логотипов и веб-графики
Версия 3.1	Появилась работа с анимациями, что расширило сценарии за пределы статичных изображений
Версия 3.2	Улучшились инструменты выделения, важные для удаления фона и сложной вырезки объектов
Версия 3.3	Появились импорт и экспорт PDF, что усилило редактор для документов и макетов
Версия 3.4	Refine Edge сделал вырезку волос, меха и сложных краев более контролируемой
Версия 3.5	Поддержка XD расширила работу с интерфейсными и дизайнерскими файлами
Версия 3.7	Поддержка WMF и EMF добавила совместимость с дополнительными векторными форматами
Версия 3.8	Live Shapes и новые фильтры усилили работу с фигурами и эффектами
Версия 3.9	Простые шаблоны сделали Photopea удобнее для повторяемых дизайнов
Версия 4.0	Поддержка RAW-форматов NEF, CR2 и ARW усилила фоторедакторскую часть
Версия 4.1	Actions и новые фильтры добавили больше автоматизации и обработки
Версия 4.2	Local Storage улучшил работу с локальными данными и сохраненными ресурсами
Версия 4.3	Slices усилили сценарии веб-дизайна и подготовки графики для интерфейсов
Версия 4.6	Открытие Figma-файлов расширило совместимость с современными дизайн-макетами
Версия 4.7	Puppet Warp добавил гибкую деформацию объектов
Версия 4.8	Shadows/Highlights усилил фоторедакторскую цветокоррекцию
Версия 5.0	Открытие Illustrator-файлов сделало редактор полезнее для AI-графики
Версия 5.1	Поддержка Affinity-файлов и артбордов расширила работу с профессиональными макетами
Версия 5.2	Цветовые профили и CMYK-режим усилили профессиональную подготовку изображений
Версия 5.3	Поддержка InDesign и Krita-файлов добавила совместимость с дополнительными творческими форматами
Версия 5.4	Vanishing Point Filter и PeaDrive расширили ретушь перспективы и хранение проектов
Версия 5.5	Blur Gallery усилила работу с размытиями и творческой глубиной резкости
Версия 5.6	Advanced Color Depth стала важным шагом для более сложной работы с цветом

История развития Photopea показывает, что программа росла не как простой редактор картинок, а как универсальная среда для открытия и редактирования файлов из разных графических экосистем. Это объясняет, почему в ней так много форматов и почему PSD остается центральной точкой всей логики.

Дополнительные возможности

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

Actions

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

Scripts

Через File → Scripts можно выполнять скрипты. Это уже более технический сценарий, но он полезен для автоматизации, работы с документами, слоями и повторяемыми операциями. Скрипты особенно интересны тем, кто привык автоматизировать Photoshop-процессы.

Variables

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

Slices

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

Layer Comps

Layer Comps хранят состояния документа: видимость, позицию и внешний вид слоев. Это удобно, когда в одном PSD нужно держать несколько вариантов макета: разные цвета, разные композиции, разные наборы элементов.

Artboards

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

Channels и Paths

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

Типичные задачи в Photopea

Создание баннера

Для баннера создается новый документ нужного размера, добавляется фон, фотография, текст, плашка, кнопка и логотип. Через Layers элементы раскладываются по группам, через Type Tool настраивается текст, через Layer Styles добавляются тени и обводки, через Export As результат сохраняется в JPG или PNG.

Рабочая структура может выглядеть так:

• Background

  • цветная заливка;

  • градиент;

  • текстура.

• Photo

  • изображение;

  • маска;

  • цветокоррекция.

• Text

  • заголовок;

  • подзаголовок;

  • цена.

• CTA

  • кнопка;

  • текст кнопки.

• Logo

  • логотип;

  • защитное поле.

Подготовка карточки товара

Для карточки товара обычно нужен чистый фон, ровный размер, аккуратная тень и понятная композиция. В Photopea можно вырезать товар, подложить белый или светлый фон, добавить мягкую тень, выровнять объект по центру и экспортировать в JPG или PNG.

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

Редактирование логотипа

Если логотип в SVG, PDF или PSD, Photopea может открыть его как редактируемую графику или как документ с векторными элементами. Можно изменить цвет, размер, обводку, фон, экспортировать PNG с прозрачностью или SVG.

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

Создание превью для видео

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

• слои;

• текст;

• обводки;

• тени;

• фигуры;

• вырезка объекта;

• цветокоррекция;

• экспорт в JPG.

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

Частые проблемы и решения

Не видно панель Layers

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

Инструмент не работает

Чаще всего выбран не тот слой. Проверьте панель Layers: активным должен быть слой, который вы хотите редактировать. Если выбран текстовый слой, некоторые фильтры и кисти могут не работать до растеризации. Если выбран Smart Object, часть прямого редактирования может требовать открытия смарт-объекта или растеризации.

Не получается стереть фон

Возможные причины:

• выбран не тот слой;

• слой заблокирован;

• используется маска, но активна не миниатюра маски;

• фон находится в отдельной группе;

• выделение не снято;

• слой является Smart Object;

• нужно применить маску, а не ластик.

Лучший способ — выделить объект, добавить маску и править ее кистью.

Прозрачный фон стал белым

Скорее всего, изображение экспортировано в JPG. Формат JPG не поддерживает прозрачность. Для прозрачного фона используйте PNG или подходящий WebP.

Текст выглядит не так, как в исходном PSD

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

Большой PSD тормозит

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

Выделение получилось с грубым краем

Используйте Select → Refine Edge, затем правьте маску мягкой кистью. Для однотонного фона можно также попробовать Select → Modify и настройки расширения, сжатия или растушевки края.

После вставки изображение появилось как новый слой

Это нормальное поведение. Вставленное изображение становится отдельным слоем или Smart Object. Его можно переместить, масштабировать через Ctrl + T, изменить порядок в панели Layers или превратить в обычный растровый слой при необходимости.

Сравнение с аналогами

Photopea часто воспринимают как бесплатный аналог Photoshop в браузере, но правильнее сравнивать ее по задачам. У разных редакторов разные сильные стороны: один лучше для профессиональной ретуши, другой для шаблонного дизайна, третий для интерфейсов, четвертый для рисования.

Программа	Сильные стороны аналога	Где Photopea практичнее
Adobe Photoshop	Максимально развитая профессиональная экосистема, плагины, Camera Raw, глубокая интеграция с Adobe, промышленный стандарт ретуши и дизайна	Быстрее стартует в браузере, удобна для срочного открытия PSD, не требует установки тяжелого приложения, проще для разовых правок
GIMP	Бесплатный open-source редактор, сильная растровая обработка, расширяемость, локальная десктопная работа	Лучше подходит для PSD-шаблонов и пользователей, привыкших к Photoshop-подобной структуре интерфейса
Pixlr	Быстрые эффекты, простая обработка, удобство для легких задач и новичков	Сильнее в слоях, PSD, масках, Smart Objects, сложных макетах и ручном редактировании
Canva	Шаблоны, командная работа, быстрый дизайн для соцсетей, презентации, бренд-киты	Лучше для ручной правки PSD, точной работы со слоями, масками, выделениями, ретушью и экспортом графики
Figma	Интерфейсный дизайн, компоненты, прототипы, совместная работа, дизайн-системы	Лучше для растровой обработки, ретуши, PSD, фото, масок и ручной пиксельной работы
Krita	Рисование, цифровая живопись, кисти, иллюстрации, планшеты	Удобнее для PSD-макетов, веб-графики, быстрого редактирования в браузере и экспорта форматов
Affinity Photo	Сильный десктопный редактор для фото, ретуши и профессиональной обработки без подписки	Удобнее для срочной работы с PSD в браузере и на чужом устройстве
Paint.NET	Простота, легкость, быстрые базовые операции на Windows	Гораздо сильнее в PSD, масках, смарт-объектах, векторных элементах и профессиональной структуре документа

Главный смысл сравнения: Photopea не всегда сильнее каждого конкурента в его профильной области. Adobe Photoshop мощнее в профессиональной индустрии, Figma лучше для совместного интерфейсного дизайна, Canva быстрее для шаблонных публикаций, Krita удобнее для рисования. Но Photopea редка тем, что объединяет PSD, слои, маски, ретушь, векторные элементы и браузерный запуск в одном редакторе.

Плюсы Photopea

Сильная поддержка PSD

Поддержка PSD — главный плюс. Можно открывать макеты со слоями, редактировать текст, менять изображения, работать с масками и сохранять структуру. Для онлайн-редактора это серьезное преимущество.

Работа в браузере

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

Полноценные слои

Слои в Photopea не декоративные. Это рабочая система с группами, режимами наложения, непрозрачностью, масками, стилями, корректирующими слоями и смарт-объектами.

Маски и неразрушающее редактирование

Маски, Smart Objects, Adjustment Layers и Smart Filters позволяют работать аккуратно. Исходный слой можно сохранить, эффект отключить, маску поправить, текст изменить.

Большой набор форматов

Photopea открывает и экспортирует много форматов. Это особенно полезно для дизайнера, которому часто присылают PSD, PDF, SVG, AI, Sketch, Figma, RAW или редкие графические файлы.

Знакомая логика интерфейса

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

Нет водяных знаков на обычном экспорте

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

Подходит для разных задач

В одном редакторе можно сделать ретушь, удалить фон, открыть PSD, подготовить SVG, создать баннер, экспортировать WebP и сохранить рабочий файл.

Минусы Photopea

Реклама в бесплатной версии

Реклама занимает место в интерфейсе и может отвлекать. На большом мониторе это терпимо, на маленьком ноутбуке правый рекламный блок заметнее сокращает рабочее пространство.

Зависимость от ресурсов устройства

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

Не полная замена Photoshop для всех профессиональных процессов

Для базовой и средней работы Photopea очень сильна, но в сложных профессиональных процессах Photoshop остается мощнее: плагины, экосистема Adobe, Camera Raw, специализированные workflow, интеграция с другими продуктами и отраслевые стандарты.

Возможны нюансы со шрифтами

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

Сложные PSD нужно проверять

Чем сложнее макет, тем выше вероятность отличий: эффекты, редкие режимы, нестандартные плагины, тяжелые смарт-объекты, цветовые профили. Для серьезной передачи в печать или клиенту результат нужно проверять.

Интерфейс может быть сложным для новичка

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

Практические рекомендации по работе

Сохраняйте рабочий PSD

Если работа состоит из нескольких этапов, не ограничивайтесь экспортом JPG. Сохраните PSD, чтобы можно было позже изменить текст, слои, маски и эффекты.

Называйте слои

Даже в небольшом баннере быстро появляется 10–20 слоев. Названия Title, Photo, Button, Logo, Shadow экономят время и уменьшают ошибки.

Используйте группы

Группы делают макет понятным. Разделяйте фон, текст, фото, кнопки и эффекты.

Не стирайте фон, если можно использовать маску

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

Проверяйте активный слой

Перед ретушью, рисованием, трансформацией и удалением всегда смотрите, какой слой выбран в Layers.

Работайте с копиями

Перед серьезной ретушью продублируйте слой через Ctrl + J. Если результат не понравится, можно вернуться к исходнику.

Для веба экспортируйте осознанно

• Фото — чаще JPG или WebP.

• Прозрачность — PNG или WebP с прозрачностью.

• Векторная иконка — SVG.

• Рабочий файл — PSD.

• Документ — PDF.

Итоговая оценка

Photopea — один из самых сильных браузерных графических редакторов для работы с PSD, фотографиями, слоями, масками, Smart Objects, текстом, векторной графикой и экспортом в популярные форматы. Его главная ценность в том, что он не ограничивается простыми фильтрами и обрезкой: это полноценная рабочая среда, где можно открыть сложный макет, изменить структуру слоев, заменить изображение в смарт-объекте, сделать ретушь, удалить фон, применить цветокоррекцию и сохранить результат.

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

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