Добавляйте метки на экран — стрелки, текст, выделения в полях.

Комментируйте снимки экрана или делайте быстрые заметки. Храните все это в браузере.

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

Начиная

Кратчайший путь · Текстовая аннотация к изображению

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

  1. 1

    Загрузить фотографии

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

  2. 2

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

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

  3. 3

    Перетащите, чтобы настроить положение и стиль

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

  4. 4

    Загрузите и сохраните

    Убедившись, что эффект удовлетворительный, нажмите «Загрузить». Все элементы будут синтезированы в изображение в соответствии с текущим стилем и сохранены локально.

Поиск неисправностей

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

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

Можно ли изменить положение добавленного текста, наклеек и стрелок после их размещения?

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

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

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

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

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

Аннотации делаются на моем компьютере или телефоне или их нужно загружать на сервер?

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

Сохранит ли загруженное изображение информацию о съемке EXIF ​​и прозрачный фон PNG?

Суть аннотации заключается в перерисовке и кодировании: прозрачный канал PNG сохранится; но если исходное изображение имеет прозрачную область и распознано как требующее кодирования JPG, прозрачная часть будет заполнена белым фоном. Параметры съемки EXIF ​​исходного изображения, местоположение и другие метаданные не сохранятся после перекодирования. Если вам нужно специально просмотреть или очистить EXIF, вы можете использовать инструмент «EXIF Cleaner».

  • Исходное изображение не попадает на наш сервер

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

  • 5 элементов этикетки

    Текст, наклейки-смайлики, стрелки, прямоугольники, круги, охватывающие большую часть потребностей в аннотациях описания.

  • Бесплатная настройка перетаскивания

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

  • Бесплатно без водяного знака

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

Применимые ситуации

В таких случаях обычно проще открыть эту страницу.

Не список возможностей, а "когда стоит тащить картинку вверх?" Если не помогло, смените инструмент, не применяйте его с силой.

Скриншот руководства с текстовым описанием со стрелкой

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

Графика и текстовые наклейки для социальных сетей

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

Фотографии продуктов/плакаты с этикетками

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

тип элемента

Шпаргалка по 5 элементам этикетки

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

тип элементаРегулируемые свойстваПодходит для сцены
СловоСодержание, цвет, жирный шрифт, размер, положение, угол поворотаНазвание, подсказка, текст краткого описания
наклейки со смайликамиРазмер, положение, угол поворота (само выражение имеет свой цвет)Украшение, выражение эмоций, ключевые напоминания
стрелкаЦвет, толщина линии, размер, положение, угол поворотаНаведите указатель мыши на определенную кнопку, область или деталь на снимке экрана.
Прямоугольная выноскаЦвет, толщина линии, размер, положение, угол поворотаОбведите определённую прямоугольную область на картинке как ключевое напоминание.
круглая выноскаЦвет, толщина линии, размер, положение, угол поворотаОбведите определенную точку или круглую область на изображении в качестве ключевого напоминания.

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

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

Что касается локальной аннотации, то стоит знать эти два момента.

  1. 01

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

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

  2. 02

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

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

Файлы все еще с вами, просто перетащите один и попробуйте.

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