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

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

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

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

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

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

Этот инструмент ещё ждёт первого комментария

Нашли приём, остался вопрос или чего-то не хватило — напишите, пригодится следующим. Без почты и пароля · публикуем после проверки, обычно за 1–2 дня

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

Инструмент пишет текст поверх фото или картинки: подпись, заголовок, цену, поздравление. Подходят 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–2 дня

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

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