Как пользоваться
- Выберите фото — в центре сразу появится первая надпись «Ваш текст».
- Напишите свой текст. Для нескольких строк переходите на новую строку клавишей Enter.
- Перетащите надпись на место или сдвиньте её ползунками положения.
- Настройте шрифт, размер, цвет, толщину обводки и выравнивание. Нажмите Добавить текст для следующей надписи; чтобы изменить надпись, нажмите на её название («Текст 1», «Текст 2»…).
- Выберите PNG или JPG и нажмите Скачать.
Как работает
Текст рисуется на canvas-копии вашего фото. Для каждой надписи измеряются строки, блок центрируется в выбранной точке, а строки идут с шагом 1,2 размера шрифта. При выравнивании влево каждая строка начинается у левого края блока, вправо — заканчивается у правого.
Сначала рисуется обводка, поверх неё — заливка. Толщина обводки задаётся в процентах от размера шрифта.
Пример
Фото шириной 1000 пикселей, надпись по умолчанию: размер 8 %, обводка 12 %, белый жирный текст с чёрной обводкой. Размер шрифта — 1000 × 8 ÷ 100 = 80 пикселей, обводка — 80 × 12 ÷ 100 = 9,6, то есть около 10 пикселей. Две строки дают блок высотой 2 × 80 × 1,2 = 192 пикселя. Скачанный PNG получит имя с припиской «-text»: кот.jpg → кот-text.png.
Советы
- Светлый текст с тёмной обводкой читается даже на пёстром фото.
- Заголовки делайте короткими: длинные строки не переносятся сами, разбивайте их Enter.
- В рукописном шрифте Brush Script нет кириллицы — для русского текста браузер подставит другой шрифт из набора, поэтому проверьте вид перед скачиванием.
- JPG подходит, чтобы быстро отправить фото, PNG — если результат ещё будете редактировать.