Как пользоваться
- Нажмите Выберите файл или перетащите картинку в окно. Можно также вставить её через Ctrl+V.
- Введите слова в поле Текст. Enter начинает новую строку, а Добавить текст создаёт второй текстовый блок.
- Задайте Шрифт, Размер, Цвет текста и Выравнивание. Добавьте Обводку или Тень, если текст плохо читается.
- Перетащите текст на картинке или задайте По ширине картинки (%) и По высоте картинки (%).
- Выберите Формат файла и нажмите Скачать картинку.
Шрифты, обводка и тень
Текст рисуется в собственном разрешении картинки. Размер текста — это доля меньшей стороны картинки, поэтому одна и та же вёрстка выглядит одинаково на маленьком и на большом фото. Onest и Bricolage — шрифты этого сайта; остальные шрифты установлены на вашем компьютере и могут выглядеть иначе на другом устройстве.
Обводка рисуется вокруг каждой буквы, а тень падает вниз и вправо. Тонкая обводка тёмного цвета помогает белому тексту читаться на светлом небе.
Читаемый текст на фото
Размещайте текст там, где картинка спокойная, например на небе, на ровной стене или на тёмной полосе, и выбирайте цвет, который выделяется на её фоне. Для заголовка подходит крупный размер; для подписи часто хватает от 4 до 8 % от меньшей стороны.
Картинка остаётся на вашем устройстве
Открытие картинки, рисование текста и сохранение файла происходят в вашем браузере. Картинка не загружается, и ничего не сохраняется.
Пример: подпись на фото из отпуска
Выберите фото 4000 × 3000 пикселей и введите «Лето в Стамбуле». Оставьте Onest, задайте Размер 8, выберите белый Цвет текста и оставьте обводку 6 % в чёрном цвете. На полноразмерной картинке размер шрифта равен 240 пикселям, то есть 8 % от меньшей стороны 3000 пикселей.
Перетащите текст в нижнюю часть неба и нажмите Скачать картинку. Файл — PNG с полными 4000 × 3000 пикселями, а его имя заканчивается на -text.
Частые вопросы
Загружается ли моя фотография, когда я добавляю к ней текст?
Нет. Картинка открывается, текст рисуется на ней и файл сохраняется, и всё это происходит в вашем браузере. Проверить можно так: после загрузки страницы выключите интернет и добавьте текст к картинке.
Почему сохранённая картинка имеет тот же размер, что и моё фото?
Текст рисуется на пикселях фото в полном разрешении, поэтому сохранённый файл сохраняет ширину и высоту фото. Предпросмотр меньше только для того, чтобы поместиться на экране.
Какие шрифты можно использовать?
Onest и Bricolage, шрифты этого сайта, всегда доступны. Arial, Georgia, Verdana, Courier New и Times New Roman — системные шрифты: они используются, если есть на вашем устройстве, а иначе браузер берёт похожий шрифт.
Правильно ли рисуются русские буквы?
Текст рисуется выбранным шрифтом. Если в шрифте нет нужной буквы, браузер может подставить другой, поэтому проверьте предпросмотр до сохранения.
Почему текст не остаётся там, куда я его перетащил?
Положение задаёт якорь текстового блока: его левый, центральный или правый край в зависимости от выравнивания, и верх первой строки. Смена выравнивания сдвигает текст, поэтому после изменения проверьте положение ещё раз.
Можно ли сохранить картинку с прозрачным фоном?
Текст рисуется на фото, а фото непрозрачно, поэтому прозрачной области нет. PNG сохраняет картинку без потерь, а JPEG даёт меньший файл с небольшими потерями.
Источники
- MDN (на английском): CanvasRenderingContext2D.fillText(), рисование текста
- MDN (на английском): CanvasRenderingContext2D.shadowBlur, мягкий край тени
- MDN (на английском): CanvasRenderingContext2D.measureText(), ширина каждой строки
Цифры и текст в последний раз проверены вторник, 10 ноября 2026 г..