Что такое Аннотирование изображений?

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

На панели инструментов есть стрелки, прямоугольники, круги, произвольные линии и текст, а также маркер-выделитель, пронумерованные булавки для шагов и инструмент размытия для скрытия конфиденциальных данных. Цвет и толщина обводки, цвет заливки, размер шрифта и прозрачность каждого объекта регулируются, фигуры складываются по z-order, и их можно вывести вперёд или отправить назад. Однобуквенные горячие клавиши (A R C L T D H N B) мгновенно переключают инструменты, Ctrl+Z отменяет до 50 шагов, Ctrl+Shift+Z возвращает их, а Ctrl+V вставляет скриншот прямо из буфера обмена. Сохраняйте плоский PNG или JPG либо копируйте результат прямо в буфер обмена.

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

  1. Шаг 1 — Загрузите изображение, нажав на область загрузки или перетащив файл. Поддерживаются форматы PNG, JPEG и WebP.
  2. Шаг 2 — Выберите инструмент аннотации (стрелка, прямоугольник, круг, линия или текст) на панели инструментов. Настройте цвет, толщину линии и размер шрифта, затем рисуйте прямо на изображении.
  3. Шаг 3 — Переместите или удалите аннотации, затем нажмите «Скачать PNG» или «Скачать JPG», чтобы сохранить итог. Можно также нажать «Копировать», и изображение уйдёт прямо в буфер обмена для вставки в чат или письмо.

Когда использовать

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

Результат

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

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

Можно ли редактировать аннотации после скачивания?
При скачивании разметка запекается в PNG, и стрелки с фигурами становятся пикселями. Чтобы редактировать позже, храните исходное изображение и загружайте его сюда заново, либо используйте редактор со слоями вроде Photoshop или GIMP и сохраняйте слои с аннотациями отдельно.
Почему рисование стрелки тормозит на фото 10 Мп?
Чем больше картинка, тем дороже каждое перерисовывание: canvas пересчитывает все исходные пиксели. Перед загрузкой уменьшите изображение примерно до 2000 px по ширине — разметка остаётся читаемой, а инструмент работает заметно живее.
Как добавить нумерованные метки 1, 2, 3?
Выберите инструмент «Текст», введите цифру и кликом разместите её. Повторите для каждой метки. Обведите каждую пронумерованную зону кругом и добавьте подпись с пояснением каждого номера.
Можно ли скрыть приватные данные, например почту или имя?
Да. Выберите прямоугольник со сплошной заливкой (например, чёрной) и накройте им чувствительную область. Так как PNG плоский, закрытые пиксели в экспортированном файле исчезают, и получатель не сможет сдвинуть прямоугольник, чтобы заглянуть под него.
Какой максимальный размер файла?
До 20 МБ на изображение. Инструмент принимает PNG, JPEG и WebP. Очень крупные файлы медленно загружаются на телефоне и могут вызывать нехватку памяти; обычные скриншоты весят несколько сотен килобайт — это далеко в пределах лимита.

Похожие инструменты