Pillow это одна из самых популярных библиотек Python для работы с изображениями. Ранее эта библиотека называлась PIL и последний ее релиз был в 2009, после чего разработчики продолжили ее развитие под названием Pillow. В этой статье будет рассмотрен пример вставки текста и изображения в новую или существующую картинку.

Pillow устанавливается отдельно:

Навигация по посту

  • Создание и открытие изображения
  • Добавление текста к изображению
  • Вставка изображения
  • Определение высоты и ширины

Создание и открытие изображения

Для открытия и создания изображения используется модуль Image. На следующем примере мы откроем существующее изображение:

В следующем примере мы создадим изображение, где мы должны указать:

  • Цветовую модель. Например RGB,RGBA,CMYK,HCL и т.д.;
  • Размер изображения в кортеже;
  • По умолчанию изображение создается с черным фоном. Для его изменения нужно заполнить атрибут color.

Сохранить изображение можно через save:

Модуль Python os — примеры создания и работы с папками и путями

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

Для изменения изображение используется класс ImageDraw. В следующем примере мы создадим объект этого класса с текстом, где нужно указать:

  • Расположение текста. В примере ниже это (100, 100);
  • Сам текст;
  • Цвет текста.

Если использовать кириллические символы, может появится ошибка:

  • AttributeError: ‘ImageFont’ object has no attribute ‘getmask2’
  • UnicodeEncodeError: ‘latin-1’ codec can’t encode characters

Для исправления ошибки вы можете использовать свой шрифт через класс ImageFont. Вы так же сможете указать размер шрифта:

Вставка изображения

Для создания водяного знака, например, откройте второе изображение и используйте функцию paste. При этом первый параметр с watermark будет использовать всю область изображения, а второй установит прозрачность (альфа-канал):

Определение высоты и ширины

Если вы планируете открывать множество изображений, разных размеров и добавлять текст, например в правый нижний угол вы можете вычислить это местоположение. Объекты Image содержат размеры:

Если вы используете водяные знаки, то можно просто вычесть из основного изображения размеры водяного знака и получить корректное расположение в правом угле:

Главное нужно указать картинку на вашем компьютере или телефоне, ввести нужный текст, выбрать 1 из 12 «ГОТОВЫХ предустановок», нажать кнопку ОК внизу страницы, подождать пару секунд и скачать результат. При необходимости можно всегда изменить любой из параметров на свой вкус, например: шрифт, размер текста, цвет, привязку к определённой стороне изображения и так далее. На этом сайте есть ещё наложение одной картинки на другую.

Примеры картинок с наложенным текстом, после использования разных «готовых предустановок» на этом сайте:

При помощи параметра «ГОТОВЫЕ предустановки», который автоматически выставляет все нужные параметры на этой странице (работает на JavaScript), можно спокойно повторить все 11 вышеуказанных примеров, вообще не разбираясь в настройках, причём примеры идут по порядку, как и в выпадающем списке готовых предустановок:
1. Текст на изображении внизу, на полупрозрачном фоне;
2. Текст на 1/2 часть изображения, по середине, на белом фоне с прозрачностью 50%;
3. Текст под изображением;
4. Текст справа от изображения;
5. Вертикальный текст справа от изображения;
6. Текст под углом -30°, с белой окантовкой, в центре изображения;
7. Максимально большой текст на всю ширину и высоту изображения, с окантовкой;
8. Короткая надпись слева внизу, с лёгким отступом, на полупрозрачном фоне;
9. Дата и время съёмки на фотографии (24.11.2017 09:28), указывается вручную, дату съёмки можно узнать здесь, если текст будет сливаться с фоном, то можно поменять цвет или просто добавить чёрную окантовку толщиной 0,14%;
10 . Текст в стиле «ПОТРАЧЕНО» из игры GTA (предварительно сделано размытие);
11 . Текст в стиле «wasted» из игры GTA (предварительно сделан чёрно-белый эффект);
12 . Только текстовый блок 800×480 px, на прозрачном фоне, без указания изображения.

Поддерживаются английские, русские, украинские буквы и такие символы: @ _ ( ) / : ; . , ‘ — + = | » # $ % ^ & * ? !

Исходное изображение никак не изменяется. Вам будет предоставлена другая картинка с наложенным текстом.

У меня есть приложение, которое загружает изображение, и когда пользователь нажимает на него, для этого изображения появляется текстовая область (с помощью jquery ), где пользователь может написать текст на изображении. Который должен быть добавлен в изображение.

После некоторых исследований по этому вопросу я понял, что PIL (библиотека изображений Python) может помочь мне в этом. Поэтому я попробовал несколько примеров, чтобы увидеть, как это работает, и мне удалось написать текст на изображении. Но я думаю, что есть какая-то разница, когда я пытаюсь использовать его с помощью Python Shell и в веб-среде. Я имею в виду, что текст в текстовом поле очень большой в px. Как я могу достичь такого же размера текста при использовании PIL как в текстовом поле?

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

Есть ли лучший способ, чем использование PIL? Я не совсем уверен, если это лучшая реализация.

его редактируемое изображение

jquery, чтобы добавить текстовое поле. Также текстовая область является позицией: абсолютным и фиксированным размером.

Должен ли я разместить его внутри формы, чтобы я мог получить координаты textarea на изображении? Я хочу писать текст на изображении, когда пользователь нажимает и сохраняет его на изображении.

Для наложения текста будет использоваться фирменный редактор фото от Мавави, Фотомастер, Фотошоп и программа Paint NET. Каждое из средств позволит всего за несколько минут создать на картинке надпись, добавить непрозрачный фон и т.д. Выбор оптимального варианта за вами!

Добавление надписи на картинку в Фоторедакторе Movavi

О программе

Movavi Photo Editor – графический редактор, который изначально был одним из инструментов домашней Фотостудии Мовави, а сейчас является самостоятельным приложением. С его помощью можно выполнять глубокое редактирование — обрезать фото, изменять размер, настраивать яркость и контрастность, конвертировать в любые современные форматы.
После двойного клика по ярлыку приложения, на экране отобразится основное меню.

Добавление изображения

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

Вставка текста

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

Сохранение файла

Последний этап. После завершения редактирования нажимаем на кнопку «Сохранить» (справа внизу). Откроется окно с параметрами сохранения. В нем указываем имя нового файла, его тип, выбираем качество и папку, в которой он будет сохранен.

Как вставить текст в картинку при помощи Фотомастера?

Добавление исходника

Программа позволяет быстро и качественно отредактировать любое изображение или снимок в форматах jpeg, jpg, png, bmp и т.д. С его помощью вы за минуту добавите красивый текст на фото, чтобы создать поздравительную открытку или просто прикольную картинку для отправки друзьям в Instagram или Фейсбук. Чтобы начать работу с файлом, дважды кликните по зеленой кнопке в середине окна приложения и добавьте необходимое изображение.

Добавление текстового блока

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

Тонкая настройка и сохранение

Чтобы настроить дополнительные параметры и улучшить отображение, нужно нажать на подменю «Настройки текста». Здесь вы можете поменять цвет на любой из палитры, отрегулировать прозрачность и размытие, тень и все прочие необходимые параметры для получения идеальной композиции. Чтобы завершить редактирование и выложить свои готовые изображения в онлайн хранилище, отправить через Инстаграм или Facebook, просто сохранить на компьютере, нажмите на кнопку «Сохранить» в правом верхнем углу экрана. Во время сохранения вам также доступен выбор формата.

Добавить надпись на фотографии при помощи Фотошопа

Преимущества

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

Импорт картинки

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

Делаем надписи на фото

На панели слева жмем по инструменту с изображением заглавной буквы «Т». Ставим указатель в нужно место на картинке. Теперь можно вводить любой текст. Редактор позволяет выбирать размер, цвет надписи, угол наклона, делать текст выпуклым или прозрачным, выполнять заливку. Чтобы применить все изменения, нажимаем на «галку», как показано на скрине.

Сохранение

Остается только сохранить картинку — заходим в меню «Файл» -> «Сохранить как». Указываем папку, имя, подходящий тип файла, а также качество.

Как наложить текст на фото в Paint.NET ?

Особенности

Paint.NET является расширенным вариантом стандартного Paint от Microsoft, но отличается продуманным интерфейсом и улучшенной функциональностью. Данное приложение предлагает наиболее простые способы редактирования, поддерживает слои, может работать с несколькими файлами одновременно, а также хранит историю выполненных операций, что очень удобно.

Импорт файла

Чтобы загрузить фото переходим в меню «Файл» — «Открыть». В появившемся окне проводника находим папку и выбираем файл.

Вставка текста

Добавить текст можно с помощью специального инструмента (иконка с буквой «Т») на панели слева. Нажимаем на него и ставим указатель мыши в нужное место. При этом вверху появится дополнительная панель, в которой можно указать основные параметры – наименование, размер шрифта, выравнивание, заливку. Далее выберите цвет текста, воспользовавшись панелью в левом нижнем углу.

Сохранение

После нанесения текста снова переходим в меню «Файл» — «Сохранить как». Остается указать папку для сохранения, ввести имя файла и подходящий формат.

Используя представленные выше программы, сделать надпись на картинке сможет даже начинающий пользователь ПК. Для этого не требуются навыки фотомонтажа или какой-либо опыт работы в графических редакторах. Просто установите приложение и следуйте этому руководству. Однако, представленные программы умеют не только накладывать текст или водяной знак. Они содержат большое количество дополнительных функций, множество эффектов, различные фильтры для художественного оформления ваших фотографий. Так что, научившись добавлять текст, нанести ватермарк, изменить размер картинки, не забудьте ознакомиться с другими полезными опциями. Они обязательно пригодятся в дальнейшем.

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