Softonic

Добавитель текста к изображению

Шаг 1 / 4

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

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

  1. 1

    Загрузить изображение

    JPG, PNG, WebP.

  2. 2

    Добавить текстовый слой

    Введите текст, перетащите его в нужное положение и измените размер с помощью угловых рычагов.

  3. 3

    Стиль

    Выберите шрифт (системный или из набора Google Fonts), размер, цвет, контур и тень для текста.

  4. 4

    Добавьте дополнительные слои

    Накладывайте несколько текстовых полей для создания мемов из нескольких строк или фотографий с подписями.

  5. 5

    Экспорт

    Отображено на изображении с полной исходной разрешающей способностью.

Правила дизайна текста на изображении

Читаемый текст на любом фото

Три метода обеспечивают читаемость текста даже при насыщенном фоне:

  1. Надёжный контур: белый текст с чёрным контуром толщиной 2–3 пикселя читается на любом фото.
  2. Сплошная фоновая плашка: прямоугольник или скруглённый прямоугольник за текстом с прозрачностью 60–80 %.
  3. Локальное обесцвечивание: наложите тёмный участок с мягкими краями только за текстом.

Форматы мемов

Формат Расположение текста Типичный шрифт
Мем «верх-низ» Белый текст сверху и снизу с чёрным контуром Impact, жирный гротеск
Карточка с цитатой По центру, крупно, с засечками или акцидентный Playfair, Merriweather
Подпись к сторис в Instagram Плашка-фон внизу Системный гротеск
Карусель LinkedIn Слева вверху, аккуратный гротеск Inter, Helvetica
Оверлей скриншота Twitter По центру с лёгкой тенью С засечками, для иронии; без засечек, для прямоты

Источники шрифтов

  • Системные шрифты: нулевое время загрузки, гарантированное отображение.
  • Google Fonts: обширная библиотека, загружается асинхронно.
  • Загрузка своего файла WOFF2: для фирменной типографики бренда.

Дайте композиции «дышать»

  • Не размещайте текст на каждом участке изображения.
  • Оставляйте не менее 10 % отступа вокруг текста от края изображения.
  • Для квадратных постов правило третей применимо и к расположению текста.

Размер экспорта

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

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

Да, загрузите файл формата WOFF, WOFF2 или TTF, и он будет зарегистрирован для текущей сессии. Шрифты определённых брендов работают сразу; ничего не загружается за пределами вашего браузера.

Сочетайте толстую контурную линию (чёрный текст размером 2–3 пикселя на белом фоне) с мягким теневым эффектом или разместите текст внутри полупрозрачного прямоугольника. Обязательно проверяйте результат при реальной размерности отображения: текст, который хорошо выглядит при увеличении, может полностью исчезнуть на фоне насыщенного изображения в миниатюре.

Да, используется системный цветной шрифт эмодзи. Отрисованные эмодзи выглядят как версия вашей операционной системы; в экспортируемое изображение глифы «впекаются», поэтому оно отображается одинаково в любом просмотрщике.

Да. Каждый текстовый слой обладает независимыми параметрами поворота и смещения. Это особенно полезно для диагональных значков или вертикальных этикеток на боковых панелях.

Сопутствующие инструменты

Сжать GIF

Уменьшайте анимированные GIF прямо в браузере: снижайте размеры, оставляйте меньше кадров и настраивайте качество кодирования. Проверьте петлю перед скачиванием.

Обрезать GIF

Обрежьте статический или анимированный GIF по точным координатам и скачайте заново закодированный файл GIF.

Конструктор тир-листов

Создайте приватный тир-лист из текста и локальных изображений. Настройте уровни, распределите элементы мышью или клавиатурой и экспортируйте в JSON, PNG или SVG.

Генератор миллиметровой бумаги

Создавайте бумагу в клетку для печати онлайн: выберите сетку или точки, задайте шаг в мм, укажите A4 или Letter и свой цвет линий, затем распечатайте или скачайте чёткий SVG.

Генератор надписей граффити

Создавайте надписи в стилях тег, баббл, блок, трафарет, неон и вайлд. Настраивайте цвета и экспортируйте PNG или SVG прямо в браузере.

Текст в рукописный почерк

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

Инструмент доступен на других языках