Блог
Русский

Наложить текст на фото — шрифты и обводка

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

Работает в браузере · файлы никуда не загружаются

Перетащите сюда изображение, на которое нужно добавить текст

Один файл JPG, PNG или WebP до 50 МБ. Можно также вставить скопированную картинку сочетанием Ctrl+V (⌘V на Mac). Ничего не покидает ваш браузер.

Enter — новая строка. Если включён перенос строк, длинные строки разбиваются по ширине.

Шрифты загружаются с этого сайта (лицензия SIL Open Font License). Символы, которых нет в шрифте, рисуются шрифтом вашего устройства.

Доля от ширины изображения.

Доля от размера текста. 0 — без обводки.

Выравнивание строк

Доля от ширины изображения. Более длинные строки переносятся на следующую.

Положение

Текст можно также перетащить по превью или поставить касанием. Выберите превью и двигайте текст стрелками на 1% (с Shift — на 5%). Если вы пользуетесь программой экранного доступа, сначала включите режим фокуса (Insert+Space в NVDA), чтобы стрелки работали в превью.

Формат сохранения

Сохраняется в исходном разрешении. PNG — без потери качества, JPG — с качеством 92. К имени файла добавляется -text.

Изображение перерисовывается, поэтому исходные данные EXIF (камера, время, GPS-координаты) не переносятся; поворот фотографии применяется. Ничего не загружается на сервер.

Что это такое

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

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

  1. Перетащите изображение в область с пунктирной рамкой или нажмите Выбрать изображение.
  2. Введите Текст; Enter начинает новую строку.
  3. Выберите Шрифт, Размер текста, Цвет текста, Цвет обводки и Толщину обводки, Тень и Выравнивание строк. Длинные фразы приведите в порядок с помощью Переноса строк и Ширины строки.
  4. Расположите текст девятью кнопками Положение или перетащите его по превью.
  5. Выберите PNG или JPG и нажмите Сохранить изображение.

Как это работает

  • Относительные размеры: размер текста — от 1 до 40% ширины изображения, обводка — от 0 до 30% размера текста, ширина строки — от 20 до 100% ширины изображения, поэтому файл в полном размере совпадает с превью.
  • Переносы: строки переносятся по пробелам; китайский, японский текст и длинные адреса без пробелов переносятся между символами, а составные эмодзи вроде семей или флагов никогда не разрываются.
  • Положение: девять готовых позиций оставляют отступ в 3% от короткой стороны; при перетаскивании блок текста не выходит за пределы изображения.
  • Сохранение: PNG — без потерь, JPG — с качеством 92. К имени файла добавляется -text, исходные данные EXIF не переносятся.

Примеры

Задача Настройки
Цена на фото меню Жирный заголовочный, размер 7%, белый текст, чёрная обводка 12%, по центру снизу
Заголовок обложки блога Без засечек, размер 9%, полупрозрачная подложка включена, по центру, ширина строки 80%
Открытка «от руки» Рукописный, размер 10%, обводка 0%, тень включена

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

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

Текст плохо читается на моём фото.

Увеличьте обводку до 10–15% и выберите контрастный цвет обводки, например чёрный вокруг белых букв, — так текст читается почти на любом фоне. Если картинка пёстрая, включите полупрозрачную подложку под текстом.

Сохранённое изображение совпадает с превью?

Да. Размер текста, обводка, ширина строки и положение задаются относительно размера изображения, а превью и файл рисует один и тот же код. Превью лишь уменьшено под ваш экран, файл сохраняется в исходном разрешении.

Какие шрифты есть?

Без засечек (Pretendard), жирный заголовочный, с засечками, рукописный и «кисть». Все они распространяются по лицензии SIL Open Font License, поэтому готовые картинки можно использовать в коммерческих целях. Символы, которых нет в шрифте, рисуются шрифтом вашего устройства.

Как точно расположить текст?

Сначала выберите одну из девяти кнопок положения, затем перетащите текст по превью или коснитесь нужного места. Когда превью выбрано, стрелки сдвигают текст на 1%, а с Shift — на 5%.

Моё изображение загружается на сервер?

Нет. Текст рисуется и файл сохраняется прямо в вашем браузере.

Не нашли нужный инструмент?