Перейти к содержимому
🖋️

Добавить текст на фото

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

Инструмент справился с вашей задачей?

Одно нажатие, без регистрации. По ответам мы решаем, какие инструменты дорабатывать первыми.

Ваш ответ здесь будет первым.

Комментарии (1)

Сергей · 20 дней назад

Спасибо, только начал пользоваться, всё нравится

Как добавить текст на фото онлайн

Инструмент пишет текст поверх фото или картинки: подпись, заголовок, цену, поздравление. Подходят JPG, PNG и WebP до 200 мегапикселей; HEIC с айфона откроется там, где его понимает браузер. Нет подходящего снимка — начните с цветного фона: пропорция 1:1, 4:5, 9:16 или 16:9, цвет любой, результат сохранится в PNG.

Надпись появляется на превью сразу. Её можно перетащить мышью или пальцем, поставить в одну из 9 точек кадра или сдвинуть стрелками на клавиатуре, а ручкой на превью — повернуть. Текст пишется в несколько строк: Enter начинает новую, а длинная строка сама переносится по ширине блока. Надписей на одном фото может быть до 20.

По кнопке «Скачать» надписи ложатся на оригинал в полном разрешении — туда же, где они стоят на превью. Размер в пикселях и формат остаются прежними, только HEIC сохраняется в JPG. Всё происходит в браузере: фото не загружается на сервер ToolFox, регистрация не нужна, и своего знака на результат мы не ставим.

  • До 20 надписей на одном фото, в каждой — до 500 символов и 30 строк
  • 8 шрифтов с кириллицей и знаком «₽»: от руки, с засечками, плакатный и другие
  • Цвет, размер, обводка или тень, плашка под текстом
  • Выравнивание строк, межстрочный интервал и ширина блока
  • Поворот от −180 до 180 градусов и прозрачность надписи
  • Надпись перетаскивается по превью мышью или пальцем
  • Цветной фон вместо фото: 1:1, 4:5, 9:16 и 16:9
  • Формат и размер в пикселях сохраняются, EXIF с геометкой не переносится
  • Обработка в браузере: фото не загружается на сервер сайта

Как сделать надпись на фото или картинке, чтобы она читалась

Белый текст теряется на небе, чёрный — на тёмном фоне, а на пёстром снимке пропадает любой. Поэтому у надписи три способа отделиться от фона: тень, обводка и плашка. Цвет тени и обводки подбирается сам — тёмный к светлому тексту и светлый к тёмному.

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

Размер текста задаётся долей короткой стороны кадра — по умолчанию 6 %, поэтому на горизонтальном и вертикальном снимке надпись выглядит одинаково. Если текст длинный, размер сам не уменьшается: строки переносятся по ширине блока, по умолчанию это 90 % ширины кадра. Для заголовков есть переключатель ЗАГЛАВНЫХ: в поле текст остаётся таким, как вы его ввели, заглавными он только рисуется.

    Подписать фото онлайн: несколько надписей, шрифт и поворот

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

    Шрифтов 8, у всех есть кириллица и знак «₽»: Inter — как на сайте, PT Serif с засечками, узкий плакатный Oswald, Caveat от руки, каллиграфический Lobster, кистевой Pacifico, скруглённый Comfortaa и акцидентный Unbounded. Загружаются только те шрифты, что выбраны у надписей. Все они распространяются под лицензией SIL Open Font License 1.1.

    Надпись поворачивается от −180 до 180 градусов — ползунком, числом или ручкой прямо на превью. Строки выравниваются влево, по центру или вправо, межстрочный интервал меняется от 0,8 до 2, непрозрачность всей надписи — от 10 до 100 %. Эмодзи в тексте тоже можно: они рисуются цветными, но без обводки, и на разных устройствах выглядят по-разному.

      🏷️

      Пример: цена и название на фото товара

      Нужно выложить объявление о продаже: на фото товара должны быть видны название и цена, даже если покупатель листает ленту с маленькими превью. Фон у снимка пёстрый, простой белый текст на нём теряется.

      1

      Открыть «Добавить текст на фото» и загрузить снимок товара

      2

      Нажать «Заголовок на плашке» и вписать название — оно встанет сверху на тёмную полупрозрачную плашку

      3

      Добавить вторую надпись «Цена 500 ₽», включить у неё плашку и перетащить её в нижний угол

      4

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

      ✅

      Получится фото того же формата и размера с двумя надписями: название сверху и цена в углу, обе на плашке — читаются на любом фоне. Знак «₽» нарисован тем же шрифтом, что и цифры. Фото обработано в браузере и не уходило на сервер ToolFox, EXIF с геометкой в файл не попали.

      🧠

      Знаете ли вы?

      🔣

      Знак «₽» есть не во всех шрифтах с кириллицей — например, у Marck Script и Russo One его нет, поэтому их в списке нет. В замере ширина «₽» в каждом из 8 шрифтов не менялась, какой бы запасной шрифт ни стоял следом в цепочке: значит, знак рисует сам шрифт, а не подставленный браузером.

      📏

      Строки переносятся на опорном размере шрифта, а не на размере экрана, поэтому в превью и в скачанном файле текст рвётся в одних и тех же местах. В замере 200 случайных текстов прогнали через все 8 шрифтов на кадрах восьми размеров — от 256×192 до 8000×6000 пикселей. Из 1 600 случаев строки переносились по ширине блока в 143, и ни в одном перенос не разошёлся между размерами.

      ✏️

      Обводку надписи в несколько строк рисуют в два прохода: сначала все строки с обводкой, потом буквы поверх. Иначе при тесном межстрочном интервале обводка нижней строки легла бы на буквы верхней.

      🧩

      Слово длиннее строки переносится по буквам, но составные символы не разрываются: эмодзи «семья», флаг или буква «й», записанная двумя кодами, остаются целыми. Для этого текст делится на графемы — видимые символы, — а не на коды.

      Какой шрифт выбрать

      ШрифтХарактерЖирный
      InterКак на сайтеЕсть
      PT SerifС засечкамиЕсть
      OswaldУзкий плакатныйЕсть
      CaveatОт рукиЕсть
      LobsterКаллиграфияНет, только обычный
      PacificoКистевойНет, только обычный
      ComfortaaСкруглённыйЕсть
      UnboundedАкцидентныйТолько жирный

      Что происходит с файлом

      ИсходникРезультатЧто учесть
      JPGJPG того же размераПересохраняется с качеством 92 из 100
      PNGPNG того же размераБез сжатия с потерями, прозрачность вокруг надписей сохраняется
      WebPWebP того же размераКачество 92 из 100; Safari WebP не сохраняет — переведите в JPG
      HEICJPG того же размераОткроется там, где браузер понимает HEIC
      Цветной фонPNG 1080×1080, 1080×1350, 1080×1920 или 1920×1080Пропорции 1:1, 4:5, 9:16 и 16:9
      ⚠️

      Большие фото на iPhone и iPad

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

      Как наложить текст на фото: пошаговая инструкция

      1

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

      Перетащите файл в окно, выберите его на компьютере или телефоне или вставьте картинку из буфера обмена: JPG, PNG или WebP. Нет фото — выберите цветной фон и пропорцию.

      2

      Напишите текст

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

      3

      Поставьте надпись на место

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

      4

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

      Нажмите «Скачать»: формат и размер в пикселях — как у исходника, к имени файла добавится _text. Картинка на цветном фоне сохранится в PNG.

      Примеры: что можно написать на фото

      Подпись к фото

      Снимок из поездки с подписью снизу по центру: место и имена белым текстом с тенью. Тёмная тень отделяет белые буквы от светлого неба, а формат и размер фото остаются прежними.

      Заголовок на плашке

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

      Цена на фото товара

      Фото товара для объявления: название — одной надписью, «Цена 500 ₽» — второй, на плашке в углу. Знак «₽» рисует сам шрифт, а каждую надпись можно поставить в своё место кадра и повернуть.

      Открытка на цветном фоне

      Поздравление без фото: цветной фон 4:5 или 1:1 и текст в две строки по центру — от руки шрифтом Caveat или каллиграфическим Lobster. Результат — PNG 1080×1350 или 1080×1080.

      Частые вопросы о тексте на фото

      Как добавить текст на фото онлайн?
      Загрузите фото JPG, PNG или WebP или выберите цветной фон, напишите текст и выберите шрифт, цвет и размер. Перетащите надпись по превью мышью или пальцем, при желании поверните её ручкой и нажмите «Скачать». Формат и размер в пикселях останутся прежними. Фото обрабатывается в браузере и на сервер сайта не отправляется.
      Можно ли сделать несколько надписей на одном фото?
      Да, до 20. У каждой надписи свой текст, шрифт, цвет, размер, место и поворот. Надпись можно продублировать, удалить или переставить выше или ниже других. Настройки видны у выбранной надписи, остальные свёрнуты в строку с началом текста. В одной надписи — до 500 символов и до 30 строк.
      Как добавить текст на фото на айфоне?
      В iPhone есть встроенная «Разметка» в приложении «Фото»: в ней у текста выбираются шрифт, размер и выравнивание. Здесь у надписи есть плашка, обводка или тень, поворот и перенос по ширине блока, а шрифтов 8 — все с кириллицей и знаком «₽». Снимок в HEIC сохранится в JPG. Страница работает в браузере, приложение не нужно. На iPhone мы инструмент не проверяли — только в Chromium на компьютере.
      Какие шрифты есть и пишут ли они по-русски?
      Шрифтов 8, у каждого есть кириллица: Inter, PT Serif, Oswald, Caveat, Lobster, Pacifico, Comfortaa и Unbounded — от строгих до написанных от руки. «Жирный» включается у шрифтов, где есть две жирности. Все шрифты распространяются под лицензией SIL Open Font License 1.1 и загружаются с сайта ToolFox — только те, что выбраны у надписей.
      Можно ли написать цену со знаком рубля?
      Да. Знак «₽» есть во всех 8 шрифтах, и рисует его сам шрифт: в замере ширина «₽» у каждого шрифта не зависела от запасного шрифта в цепочке, то есть браузер ничего не подставлял. Цену удобно поставить на плашку — например, «Цена 500 ₽», — чтобы она читалась на любом фоне.
      Можно ли добавить эмодзи?
      Да, эмодзи пишутся в тексте как обычные символы и не разрываются при переносе строк. Рисует их системный шрифт устройства, поэтому на разных телефонах и компьютерах они выглядят по-разному. Обводки у эмодзи нет: она ложится только на буквы.
      Что будет с качеством и метаданными фото?
      Размер в пикселях и формат не меняются, только HEIC сохраняется в JPG, а картинка на цветном фоне — в PNG. JPG и WebP пересохраняются с качеством 92 из 100, PNG — без сжатия с потерями, но 16-битный станет 8-битным. EXIF с геометкой, моделью камеры и датой съёмки в новый файл не переносится, а поворот из EXIF применяется к самой картинке.
      Загружается ли фото на сервер?
      Нет. Фото открывается, получает надписи и сохраняется прямо в браузере на вашем устройстве — на сервер ToolFox файл не отправляется. Тексты надписей инструмент тоже не сохраняет: после закрытия страницы их нет ни на сервере сайта, ни в хранилище браузера.

      Полезная информация

      🔒 Где обрабатывается фото. Всё происходит в браузере на вашем устройстве: файл не отправляется на сервер ToolFox. На экране — уменьшенная копия, а надписи ложатся на оригинал в полном разрешении и в те же места: в замере 256 случаев с разными шрифтами, выравниванием, переносом, плашкой и поворотом рамка надписи на превью и в файле совпала с точностью до 1 пикселя превью в 255 случаях, в одном — до 2.

      🔤 Шрифты. Все 8 шрифтов загружаются с сайта ToolFox под лицензией SIL Open Font License 1.1, и только те, что выбраны у надписей. Если шрифт не успел загрузиться к скачиванию, файл сохранится запасным шрифтом, и страница честно об этом скажет; превью само перерисуется, когда шрифт придёт.

      🎯 Формат не меняется. JPG остаётся JPG, PNG — PNG, WebP — WebP, а HEIC сохраняется в JPG. JPG и WebP пересохраняются с качеством 92 из 100, PNG — без сжатия с потерями, прозрачность PNG и WebP вокруг надписей сохраняется. Нужен файл легче — поможет «Сжать фото», меньше в пикселях — «Изменить размер фото».

      📱 На телефоне. Надпись перетаскивается пальцем за саму надпись, а вне надписей страница прокручивается как обычно. Safari не сохраняет WebP — такой файл переведите в JPG конвертером. Мы проверяли инструмент в Chromium на компьютере; на iPhone и Android не проверяли.

      Другие инструменты для фото

      Подготовить снимок до надписи, облегчить готовый файл или решить соседнюю задачу:

      Комментарии (1)

      • Сергей• 20 дней назад
        Спасибо, только начал пользоваться, всё нравится
      • Руслан АвдеевОт автора проекта
        Все инструменты на ToolFox бесплатны, и я их дорабатываю сам. Напишите, если инструмент считает неверно, чего-то не хватает или что-то стоит поправить, — по таким комментариям я и решаю, чем заняться дальше.

      Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же

      Комментарии — мнения посетителей, прошедшие проверку по правилам сайта; порядок определяется отметками «полезно».