Что такое Аннотирование изображений?
Инструмент аннотации изображений позволяет размечать скриншоты, фотографии и диаграммы стрелками, фигурами и текстовыми метками. Отлично подходит для отчётов об ошибках, руководств, обратной связи или выделения деталей. Ваши изображения остаются приватными и не покидают ваше устройство.
На панели инструментов есть стрелки, прямоугольники, круги, произвольные линии и текст, а также маркер-выделитель, пронумерованные булавки для шагов и инструмент размытия для скрытия конфиденциальных данных. Цвет и толщина обводки, цвет заливки, размер шрифта и прозрачность каждого объекта регулируются, фигуры складываются по z-order, и их можно вывести вперёд или отправить назад. Однобуквенные горячие клавиши (A R C L T D H N B) мгновенно переключают инструменты, Ctrl+Z отменяет до 50 шагов, Ctrl+Shift+Z возвращает их, а Ctrl+V вставляет скриншот прямо из буфера обмена. Сохраняйте плоский PNG или JPG либо копируйте результат прямо в буфер обмена.
Как использовать
- Шаг 1 — Загрузите изображение, нажав на область загрузки или перетащив файл. Поддерживаются форматы PNG, JPEG и WebP.
- Шаг 2 — Выберите инструмент аннотации (стрелка, прямоугольник, круг, линия или текст) на панели инструментов. Настройте цвет, толщину линии и размер шрифта, затем рисуйте прямо на изображении.
- Шаг 3 — Переместите или удалите аннотации, затем нажмите «Скачать PNG» или «Скачать JPG», чтобы сохранить итог. Можно также нажать «Копировать», и изображение уйдёт прямо в буфер обмена для вставки в чат или письмо.
Когда использовать
- Завести баг с приложенным скриншотом, на котором стрелкой указан сломанный элемент.
- Разметить макет дизайна, чтобы объяснить коллеге, что нужно поменять.
- Выделить участок на карте, снимке или сканированном чеке, чтобы показать другу или врачу.
Результат
QA-тестировщик делает скриншот неправильно выровненной кнопки, использует инструмент стрелки, чтобы указать на зазор, рисует красный круг вокруг проблемной области, добавляет текстовую пометку «смещение 8px» — затем скачивает и прикрепляет к баг-репорту.
Частые вопросы
- Можно ли редактировать аннотации после скачивания?
- При скачивании разметка запекается в PNG, и стрелки с фигурами становятся пикселями. Чтобы редактировать позже, храните исходное изображение и загружайте его сюда заново, либо используйте редактор со слоями вроде Photoshop или GIMP и сохраняйте слои с аннотациями отдельно.
- Почему рисование стрелки тормозит на фото 10 Мп?
- Чем больше картинка, тем дороже каждое перерисовывание: canvas пересчитывает все исходные пиксели. Перед загрузкой уменьшите изображение примерно до 2000 px по ширине — разметка остаётся читаемой, а инструмент работает заметно живее.
- Как добавить нумерованные метки 1, 2, 3?
- Выберите инструмент «Текст», введите цифру и кликом разместите её. Повторите для каждой метки. Обведите каждую пронумерованную зону кругом и добавьте подпись с пояснением каждого номера.
- Можно ли скрыть приватные данные, например почту или имя?
- Да. Выберите прямоугольник со сплошной заливкой (например, чёрной) и накройте им чувствительную область. Так как PNG плоский, закрытые пиксели в экспортированном файле исчезают, и получатель не сможет сдвинуть прямоугольник, чтобы заглянуть под него.
- Какой максимальный размер файла?
- До 20 МБ на изображение. Инструмент принимает PNG, JPEG и WebP. Очень крупные файлы медленно загружаются на телефоне и могут вызывать нехватку памяти; обычные скриншоты весят несколько сотен килобайт — это далеко в пределах лимита.
Похожие инструменты
Объединение изображений
Объедините несколько изображений горизонтально или вертикально
Инверсия цветов изображения
Инвертируйте все цвета изображения для получения негатива
Трассировщик PNG в SVG
Конвертируйте растровые изображения в масштабируемую векторную графику
Генератор спрайт-листов
Объедините изображения в один спрайт-лист
Конвертер изображений в ICO
Конвертируйте изображения в формат ICO для фавиконов
Инструмент дизеринга
Применяйте алгоритмы дизеринга для уменьшения количества цветов изображения