Добавить текст на фото
Напишите на фото или картинке 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 %. Эмодзи в тексте тоже можно: они рисуются цветными, но без обводки, и на разных устройствах выглядят по-разному.
Пример: цена и название на фото товара
Нужно выложить объявление о продаже: на фото товара должны быть видны название и цена, даже если покупатель листает ленту с маленькими превью. Фон у снимка пёстрый, простой белый текст на нём теряется.
Открыть «Добавить текст на фото» и загрузить снимок товара
Нажать «Заголовок на плашке» и вписать название — оно встанет сверху на тёмную полупрозрачную плашку
Добавить вторую надпись «Цена 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)
Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же
Комментарии — мнения посетителей, прошедшие проверку по правилам сайта; порядок определяется отметками «полезно».