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

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

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

  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 пикселя на белом фоне) с мягким теневым эффектом или разместите текст внутри полупрозрачного прямоугольника. Обязательно проверяйте результат при реальной размерности отображения: текст, который хорошо выглядит при увеличении, может полностью исчезнуть на фоне насыщенного изображения в миниатюре.

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

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

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

Палитра цветов Material Design

Просмотрите палитру цветов Material Design. Копируйте любой оттенок (от 50 до A700) в форматах HEX, RGB или HSL одним нажатием.

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

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

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

Запустите локальное OCR для таблицы в JPG или JPEG и скачайте предполагаемые строки в XLSX либо CSV UTF-8. Файлы до 20 МБ остаются в браузере.

Генератор спрайт-листов

Объедините несколько изображений в один PNG спрайт-лист на равномерной сетке прямо в браузере. Получите PNG и готовые классы CSS со смещениями background-position.

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

Распознайте таблицу в PNG, JPG или WebP локально и скачайте найденные строки в XLSX или CSV. Файлы до 20 МБ остаются в браузере.

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

Конвертируйте фотографии Sony ARW RAW в JPG. Получите универсально совместимый JPEG для обмена из RAW-файла камеры без запуска Lightroom.

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