Добавить Текст на Изображение Онлайн

Добавьте текст на изображения с настраиваемым шрифтом, размером, цветом и позицией.

Перетащите изображения сюда или нажмите для загрузки

Поддерживает JPG, PNG, GIF, WEBP, SVG

Что делает «Добавить текст»

«Добавить текст» рисует текстовый слой прямо на пикселях вашего изображения внутри браузера, используя рендеринг canvas, а не отправку чего-либо на сервер. Всё, что вы вводите в Содержание текста, отрисовывается с выбранными Шрифтом, Размером шрифта и Цветом, а затем размещается с помощью Горизонтальной позиции и Вертикальной позиции — числовых смещений, отсчитываемых от верхнего левого угла изображения. Переключатель Тень добавляет за буквами фиксированную отбрасываемую тень, чтобы текст оставался читаемым, когда область за ним — это фото, градиент или что-то более пёстрое, чем сплошной цвет, вместо того чтобы растворяться в фоне. Стоит знать, чего инструмент не делает. Здесь нет автоматического переноса текста, поэтому длинная строка при большом Размере шрифта выйдет за край холста, а не перенесётся на новую строку — переносы строк вы задаёте сами внутри Содержания текста. Здесь нет управления поворотом, поэтому текст всегда располагается горизонтально, и нет посимвольного или пословного оформления: вся строка использует один Шрифт, один Цвет, один Размер и одно состояние тени. После экспорта текст сводится в пиксели изображения — он не сохраняется как отдельный, перемещаемый слой, который можно позже снова открыть и переоформить, поэтому то, что вы видите в предпросмотре перед экспортом, — это то, с чем вы останетесь после.

Когда стоит использовать «Добавить текст»

Это инструмент для размещения слов поверх фото, когда вам нужен контроль над тем, как именно эти слова выглядят и как расположены, а не универсальная плашка с подписью. Мем-картинки — очевидный случай: жирный текст, закреплённый у верхнего или нижнего края, с включённой Тенью, чтобы он чётко читался независимо от того, что происходит на фото под ним. Графика с цитатами для соцсетей работает так же: выберите фоновое фото, наложите текст цитаты, настройте Горизонтальную и Вертикальную позицию, пока текст не окажется в стороне от насыщенных деталей, и экспортируйте. Он также покрывает более тихие, практичные задачи — проставление небольшой подписи с указанием авторства в углу фото перед публикацией, маркировка фото товара размером или ценой, или аннотирование скриншота поясняющей подписью для инструкции. В каждом из этих случаев ценность именно в Тени: у фото редко бывает чистая ровная область, на которую можно бросить текст, и обычная цветная строка поверх закатного градиента, узорчатой ткани или захламлённого стола-фото имеет тенденцию раствориться в изображении, а не легко читаться поверх него.

Читаемые подписи поверх пёстрого или низкоконтрастного фона благодаря Тени

Точное до пикселя размещение с Горизонтальной и Вертикальной позицией

Полностью работает на стороне клиента — без загрузки на сервер во время предпросмотра и настройки

Один инструмент для мемов, графики с цитатами, подписей об авторстве и подписей к скриншотам

Как добавить текст на изображение

Каждое поле обновляет предпросмотр в реальном времени прямо в браузере, так что вы можете увидеть, как именно расположится текст, прежде чем экспортировать.

Введите подпись, цитату или строку авторства в Содержание текста — добавьте перенос строки сами, если нужна вторая строка, поскольку длинный текст не переносится автоматически.

Выберите Шрифт и задайте Размер шрифта относительно разрешения вашего изображения; крупному исходному фото нужен больший Размер шрифта, чтобы оставаться читаемым в полном размере.

Выберите Цвет, контрастирующий с тем, что находится позади текста, и включите Тень, если эта область — фото, градиент или что-либо, кроме плоского сплошного цвета.

Задайте Горизонтальную и Вертикальную позицию, чтобы разместить текст именно там, где нужно, проверьте на фоне самой насыщенной части фона, затем экспортируйте.

Часто задаваемые вопросы

«Добавить текст» не переносит и не уменьшает автоматически текст, чтобы он поместился на холсте, поэтому длинная строка в сочетании с большим Размером шрифта может выйти за левый или правый край и обрезаться при экспорте. Разбейте текст на более короткие строки самостоятельно с помощью переноса строки внутри Содержания текста, либо уменьшите Размер шрифта, пока строка не станет комфортно помещаться в кадре. Управления поворотом тоже нет, поэтому всё отрисовывается строго горизонтально — разбиение длинной строки на две строки надёжнее, чем уменьшение шрифта до нечитаемого размера.

«Добавить текст» лучше подходит для размещения одной подписи на одном изображении с полным ручным контролем над Шрифтом, Цветом, Размером и точной Горизонтальной/Вертикальной позицией именно для этого кадра. Инструмент «Водяной знак» создан для нанесения одной и той же метки на много изображений сразу, обычно с плиткой или управлением непрозрачностью, чего «Добавить текст» не предлагает. Если вы проставляете одну графику с цитатой или разовую подпись — используйте «Добавить текст»; если брендируете целый пакет фото одинаково — используйте «Водяной знак».

Обе величины — это смещения в пикселях, отсчитываемые от верхнего левого угла изображения, поэтому 0/0 закрепляет текст в верхнем левом углу, а увеличение любого значения сдвигает его вправо или вниз. Допустимые значения идут примерно от 0 до ширины и высоты вашего изображения в пикселях — всё, что выходит за эти пределы, выталкивает текст за пределы видимого холста. Поскольку позиция привязана к собственным пиксельным размерам изображения, а не к процентной сетке, одно и то же числовое значение окажется в разном относительном месте на фото 4000px и на миниатюре 400px, поэтому перепроверяйте размещение после изменения размера.

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

Содержание текста принимает многострочный ввод, поэтому можно разместить подпись на одной строке, а указание авторства или дату — на следующей, добавив перенос строки самостоятельно. Чего оно не даёт — это независимого второго текстового блока со своим Шрифтом, Цветом или позицией: всё, что введено в Содержание текста, использует один стиль и одну Горизонтальную/Вертикальную позицию. Если вам нужны две подписи с совершенно разным оформлением, примените «Добавить текст» один раз, экспортируйте, затем примените второй раз к результату.

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

Оформление шрифта целиком определяется тем, что вы выбрали в выпадающем списке Шрифт — отдельного переключателя жирного или курсивного начертания сверху нет, и нет опции загрузить собственный файл шрифта. Если нужен жирный или курсивный текст, выберите из списка семейство, уже оформленное таким образом; список не поддерживает имитацию этого через переключатель форматирования. Размер шрифта и Цвет остаются полностью настраиваемыми независимо от выбранного семейства.

«Добавить текст» работает со стандартными форматами фото, такими как JPG и PNG, и экспортированный файл сохраняет тот же формат, что и загруженный, — JPG остаётся JPG с текстом, впечённым в пиксели, а не сохранённым как отдельный редактируемый слой. Поскольку текст сводится в изображение при экспорте, вы не сможете позже вернуться и переместить или переоформить его, не начав заново с исходного, нетронутого фото. Храните исходное изображение в надёжном месте, если думаете, что позже захотите другую подпись на нём.

Другие инструменты для изображений

Откройте другие мощные инструменты для редактирования изображений

Что делает «Добавить текст»

Когда стоит использовать «Добавить текст»

Как добавить текст на изображение

Часто задаваемые вопросы

Другие инструменты для изображений

Сжать Изображение

Изменить Размер

Обрезать Изображение

Конвертировать Формат

Фоторедактор

Повернуть Изображение

Отразить Изображение

Добавить Водяной Знак

Добавить Рамку

Закругленные Углы

Фильтры

Размыть Лицо

Мозаика

Удалить Фон

Улучшить Изображение

Коллаж

HTML в Изображение

GIF в Последовательность

Удалить пустые поля

Пакетное переименование изображений

Круговая обрезка

Чёрно-белое

Разделить изображение

Объединить изображения

Изменить DPI

Изображение в Base64

Изображения в PDF

Конвертер HEIC в JPG

Удаление EXIF

Генератор фавиконок

Цветовая палитра

Base64 в изображение

HEIC в PNG

Текст за изображением

Пипетка

Создание подписи

Удаление фона подписи

Прозрачный фон