Добавить текст на фото
Напишите на фото или картинке 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 %. Эмодзи в тексте тоже можно: они рисуются цветными, но без обводки, и на разных устройствах выглядят по-разному.
Пример: цена и название на фото товара
Нужно выложить объявление о продаже: на фото товара должны быть видны название и цена, даже если покупатель листает ленту с маленькими превью. Фон у снимка пёстрый, простой белый текст на нём теряется.
Открыть «Добавить текст на фото» и загрузить снимок товара
Нажать «Заголовок на плашке» и вписать название — оно встанет сверху на тёмную полупрозрачную плашку
Добавить вторую надпись «Цена 500 ₽», включить у неё плашку и перетащить её в нижний угол
Проверить на превью, что обе надписи читаются, и скачать файл
Получится фото того же формата и размера с двумя надписями: название сверху и цена в углу, обе на плашке — читаются на любом фоне. Знак «₽» нарисован тем же шрифтом, что и цифры. Фото обработано в браузере и не уходило на сервер 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 | Акцидентный | Только жирный |
Что происходит с файлом
| Исходник | Результат | Что учесть |
|---|---|---|
| JPG | JPG того же размера | Пересохраняется с качеством 92 из 100 |
| PNG | PNG того же размера | Без сжатия с потерями, прозрачность вокруг надписей сохраняется |
| WebP | WebP того же размера | Качество 92 из 100; Safari WebP не сохраняет — переведите в JPG |
| HEIC | JPG того же размера | Откроется там, где браузер понимает HEIC |
| Цветной фон | PNG 1080×1080, 1080×1350, 1080×1920 или 1920×1080 | Пропорции 1:1, 4:5, 9:16 и 16:9 |
Большие фото на iPhone и iPad
Надписи ложатся на полный кадр, а браузер на iPhone и iPad создаёт холст ограниченного размера — браузеры там обычно работают на движке Safari. Если снимок не поместится, страница скажет, что браузеру не хватило памяти: уменьшите фото в «Изменить размер фото» или обработайте его на компьютере. На устройстве мы это не проверяли.
Как наложить текст на фото: пошаговая инструкция
Загрузите фото
Перетащите файл в окно, выберите его на компьютере или телефоне или вставьте картинку из буфера обмена: JPG, PNG или WebP. Нет фото — выберите цветной фон и пропорцию.
Напишите текст
Введите текст в поле — Enter начинает новую строку. Выберите шрифт, цвет и размер, при необходимости включите обводку, тень или плашку. Нужна ещё одна надпись — добавьте её в списке надписей.
Поставьте надпись на место
Перетащите надпись по превью мышью или пальцем, выберите одну из 9 точек кадра или сдвиньте её стрелками на клавиатуре. Ручкой на превью надпись поворачивается.
Скачайте результат
Нажмите «Скачать»: формат и размер в пикселях — как у исходника, к имени файла добавится _text. Картинка на цветном фоне сохранится в PNG.
Примеры: что можно написать на фото
Подпись к фото
Снимок из поездки с подписью снизу по центру: место и имена белым текстом с тенью. Тёмная тень отделяет белые буквы от светлого неба, а формат и размер фото остаются прежними.
Заголовок на плашке
Обложка для поста или презентации: крупный заголовок сверху на полупрозрачной тёмной плашке. Плашка закрывает пёстрый фон только под текстом, остальное фото видно.
Цена на фото товара
Фото товара для объявления: название — одной надписью, «Цена 500 ₽» — второй, на плашке в углу. Знак «₽» рисует сам шрифт, а каждую надпись можно поставить в своё место кадра и повернуть.
Открытка на цветном фоне
Поздравление без фото: цветной фон 4:5 или 1:1 и текст в две строки по центру — от руки шрифтом Caveat или каллиграфическим Lobster. Результат — PNG 1080×1350 или 1080×1080.
Частые вопросы о тексте на фото
Как добавить текст на фото онлайн?
Можно ли сделать несколько надписей на одном фото?
Как добавить текст на фото на айфоне?
Какие шрифты есть и пишут ли они по-русски?
Можно ли написать цену со знаком рубля?
Можно ли добавить эмодзи?
Что будет с качеством и метаданными фото?
Загружается ли фото на сервер?
Полезная информация
🔒 Где обрабатывается фото. Всё происходит в браузере на вашем устройстве: файл не отправляется на сервер 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 дня
Комментарии — мнения посетителей, прошедшие проверку по правилам сайта.