Обработка на устройстве, без загрузки Бесплатно, без водяных знаков Текст + стикеры + стрелки/прямоугольник/круг

Текст, стикеры и аннотации на изображении — подписи к скриншотам за пару кликов

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

5типов элементов (текст/стикер/стрелка/прямоугольник/круг)
20 МБлимит на одно изображение
0программ для установки

Без загрузки на сервер

Редактирование и объединение элементов происходят полностью в браузере, изображение не проходит через какой-либо сервер

5 типов элементов разметки

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

Свободное перетаскивание

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

Бесплатно без водяных знаков

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

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

Три самых частых запроса на разметку — и все решаются одним инструментом

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

Стрелки и подписи на обучающих скриншотах

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

Рамки-выделения на карточках товаров и постерах

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

Типы элементов

Справочная таблица 5 типов элементов разметки

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

Тип элементаНастраиваемые свойстваПодходит для
Текстсодержимое, цвет, жирность, размер, положение, угол поворотазаголовки, подсказки, короткие пояснения
Эмодзи-стикерразмер, положение, угол поворота (цвет встроен в сам эмодзи)декоративное оформление, выражение эмоций, акценты
Стрелкацвет, толщина линии, размер, положение, угол поворотауказание на конкретную кнопку, область или деталь на скриншоте
Прямоугольная рамкацвет, толщина линии, размер, положение, угол поворотавыделение прямоугольной области на изображении
Круглая рамкацвет, толщина линии, размер, положение, угол поворотавыделение точки или круглой области на изображении

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

Как использовать

Добавление текста/стикеров/аннотаций за 4 шага

Не нужно устанавливать никаких программ — всё происходит прямо в браузере, результат виден сразу.

  1. 1

    Загрузите изображение

    Нажмите, чтобы выбрать файл, или перетащите изображение на страницу — поддерживаются JPG, PNG, WebP, GIF, до 20 МБ, обработка одного изображения за раз.

  2. 2

    Добавьте элемент

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

  3. 3

    Перетащите и настройте стиль

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

  4. 4

    Скачайте результат

    Убедившись, что результат нравится, нажмите «Скачать» — все элементы будут объединены с изображением с текущим стилем и сохранены на устройство.

Техническое пояснение

Что важно знать про локальную разметку

01

Предпросмотр редактирования и итоговый файл используют одни и те же координатные данные

Положение и размер каждого элемента сохраняются в процентах от ширины и высоты изображения, а не в фиксированных пикселях — поэтому независимо от того, насколько крупно или мелко отображается изображение, результат в редакторе полностью соответствует итоговому объединению на изображении с исходным разрешением после нажатия «Скачать». При скачивании изображение перерисовывается через Canvas браузера, всё происходит на вашем устройстве, без обращения к какому-либо серверу.

02

Почему текст/стикеры/аннотации не поддерживают пакетную обработку

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

Частые вопросы

Что чаще всего спрашивают про текст, стикеры и аннотации на изображении

Поддерживают ли текст, стикеры и аннотации пакетную обработку?

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

Можно ли скорректировать положение уже добавленного текста, стикера или стрелки?

Да. До скачивания в любой момент можно кликнуть по уже добавленному элементу на изображении, чтобы снова его выбрать, перетащить сам элемент для изменения положения, потянуть за точку в правом нижнем углу для изменения размера, за точку в правом верхнем углу — для поворота; в панели ниже также можно изменить содержимое текста и цвет. Реальное объединение с изображением происходит только при нажатии «Скачать» — правки до этого момента не влияют на оригинал.

Стикеры используют эмодзи — будут ли они выглядеть по-разному на разных устройствах?

Стикеры используют системные эмодзи, и внешний вид конкретного стиля отрисовки может немного отличаться в разных операционных системах и браузерах (например, один и тот же эмодзи выглядит по-разному на iOS и Android), но смысл и общий вид сохраняются одинаковыми; экспортированное изображение будет содержать эмодзи в том виде, в котором его отрисовало устройство на момент скачивания, и при дальнейшем открытии на других устройствах вид уже не изменится.

Поддерживает ли текст смену шрифта и несколько строк?

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

Разметка выполняется на моём компьютере или телефоне, или файл загружается на сервер?

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

Сохранятся ли в скачанном изображении данные EXIF о съёмке и прозрачный фон PNG?

Разметка по сути — это перерисовка и перекодирование: прозрачный канал PNG сохранится; но если у оригинала есть прозрачные области и он распознан как требующий кодирования в JPG, прозрачные участки будут заполнены белым фоном. Параметры съёмки EXIF, геометки и другие метаданные оригинала не сохраняются после перекодирования — если нужно отдельно просмотреть или удалить EXIF, используйте инструмент «Просмотр/удаление EXIF».

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

Без регистрации, без ожидания — обработали и сразу скачали.