Добавитель текста к изображению
Оригинал: x
От подписей к мемам до карточек с цитатами, мотивационных баннеров и меток продуктов, именно текст на изображениях лежит в основе большинства социальных контентов. Загрузите фотографию и добавьте один или несколько текстовых слоёв с собственными шрифтами, цветами и положением; инструмент отобразит результат в полном разрешении с возможностью добавления контура, тени, фонового штриха и выравнивания текста по всем углам.
Как добавить текст к изображению
-
1
Загрузить изображение
JPG, PNG, WebP.
-
2
Добавить текстовый слой
Введите текст, перетащите его в нужное положение и измените размер с помощью угловых рычагов.
-
3
Стиль
Выберите шрифт (системный или из набора Google Fonts), размер, цвет, контур и тень для текста.
-
4
Добавьте дополнительные слои
Накладывайте несколько текстовых полей для создания мемов из нескольких строк или фотографий с подписями.
-
5
Экспорт
Отображено на изображении с полной исходной разрешающей способностью.
Правила дизайна текста на изображении
Читаемый текст на любом фото
Три метода обеспечивают читаемость текста даже при насыщенном фоне:
- Надёжный контур: белый текст с чёрным контуром толщиной 2–3 пикселя читается на любом фото.
- Сплошная фоновая плашка: прямоугольник или скруглённый прямоугольник за текстом с прозрачностью 60–80 %.
- Локальное обесцвечивание: наложите тёмный участок с мягкими краями только за текстом.
Форматы мемов
| Формат | Расположение текста | Типичный шрифт |
|---|---|---|
| Мем «верх-низ» | Белый текст сверху и снизу с чёрным контуром | 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.
Инструмент доступен на других языках
- Bildtextläggare [SV]
- أداة إضافة نص للصورة [AR]
- Ajout de texte à l'image [FR]
- Penambah Teks Gambar [ID]
- Bildtext-Hinzufüger [DE]
- 이미지 텍스트 추가기 [KO]
- Tekst aan afbeelding toevoegen [NL]
- 画像テキスト追加ツール [JA]
- เครื่องมือเพิ่มข้อความภาพ [TH]
- Dodawca tekstu do obrazu [PL]
- Añadir Texto a Imágenes [ES]
- Công cụ thêm văn bản vào hình ảnh [VI]
- Adicionador de Texto em Imagem [PT]
- Image Text Adder [EN]
- Aggiungi Testo all'Immagine [IT]
- Resim Metin Ekleyici [TR]
- 图像文本添加器 [ZH]