Як перекласти текст усередині зображень і графіки¶

Уяви: зображення продукту вже готове до запуску, а назви кнопок, підписи й попередження досі мовою оригіналу. Перекласти слова нескладно. Складніше вписати їх у макет так, щоб вони не налізли на піктограми, помістилися в підписах і не зіпсували композицію. Для команди, яка готує матеріали кількома мовами, перекладений текст ще не означає, що графіка готова до публікації.

Можна швидко перекласти напис, передати матеріал перекладачеві й дизайнеру або налагодити окремий процес для цілої серії файлів. Вибір залежить від трьох речей: чи є редагований файл дизайну, наскільки складне зображення та де ви використаєте готовий результат.

Що саме означає перекласти текст на зображенні¶

Локалізувати зображення - це не просто замінити слова. Готовий результат проходить кілька етапів: текст треба вилучити, перекласти, розмістити в композиції й перевірити. Якщо пропустити хоча б один, правильний переклад може опинитися в незручному або нечитабельному макеті.

Для початку з’ясуйте, який файл є у команди. У редагованому файлі дизайну текст зберігається окремими об’єктами, шарами або блоками. Дизайнер може замінити вихідний текст, залишити на місці зображення й форми, а потім підлаштувати верстку. Плаский PNG чи JPEG - це вже єдине зображення: текст і фон злиті, тож програма бачить пікселі, а не текстові поля для редагування.

Для плаского зображення потрібне OCR - оптичне розпізнавання символів. Простими словами, ця технологія знаходить текст на зображенні й перетворює його на текстові дані. Розпізнавання може також зберегти розташування слів. Наприклад, документація Google Cloud Vision описує координати текстових блоків і окремих слів. За ними легше відновити порядок читання та зрозуміти, де стояв напис, але готового перекладу з дизайном вони не створюють.

Роботу з пласким зображенням зручно розкласти на три частини:

1. Вилучити текст. З’ясувати, що написано, де стоять підписи та в якому порядку їх читати.
2. Перекласти рядки. Зберегти значення, тон, назви, одиниці виміру й попередження.
3. Відтворити графіку. Замінити текст у дизайні або очистити й перемалювати пласке зображення, а тоді перевірити результат.

Тут і виникає плутанина: інструмент із кнопкою «перекласти зображення» може допомогти прочитати напис іншою мовою, але не обов’язково створить файл, який можна відразу віддати в рекламу, на сайт чи до друку. Він може розпізнати й перекласти слова, а команді все одно доведеться перевірити їхню повноту, формулювання та вигляд.

Якщо треба швидко зрозуміти напис на скриншоті, вистачить машинного перекладу, який показує текст поруч з оригіналом. А для рекламного банера, схеми чи інструкції потрібно бачити переклад на самій графіці. Тоді перевіряйте не тільки мову, а й розмір тексту, контраст, відступи, порядок читання та взаємодію з іншими елементами.

Які файли підготувати: чекліст для команди¶

Тип вихідного файлу підкаже, чи можна одразу редагувати текст, чи спершу доведеться його розпізнати. Перед запуском локалізації зберіть матеріали й інформацію в одному місці. Чекліст нижче допоможе швидко побачити, що вже є у команди, а що ще потрібно попросити в дизайнера.

Чекліст особливо виручає, якщо перекладаєте не одну картинку, а цілий набір - наприклад, серію інструкцій чи кілька варіантів рекламної графіки. Та сама назва кнопки може повторюватися в банері, скриншоті й схемі. Якщо передавати файли по одному без спільного списку, перекладач і дизайнер можуть не помітити повторів і вжити різні формулювання.

Якщо маєте редагований файл, передайте його разом із зображенням-прикладом фінального вигляду. Експортований PNG допоможе порівняти результат з оригіналом, а вихідний файл дасть змогу редагувати текстові об’єкти. Якщо редагованого файла немає, скажіть про це відразу. Для плаского зображення можуть знадобитися відновлення фону, ручне компонування або перевірка дизайнером.

Додайте до завдання контекст. Напис «Start» може бути кнопкою, заголовком або позначкою етапу. Переклад залежить від того, що саме робить цей елемент і хто його читатиме. Коротке пояснення призначення графіки часто корисніше за довгий опис, у якому немає інформації про сам текст.

Якщо в матеріалах є цифри, звірте їх з джерелом окремо. OCR може сплутати один символ з іншим, а під час перекладу можуть змінитися формат дати чи одиниці. Перевірка цифр не замінює мовної вичитки, зате допомагає знайти помилки, які легко пропустити, коли увага зосереджена на словах.

Мінічекліст перед передаванням файлів:

• Знайдіть редагований оригінал або зафіксуйте, що є лише пласке зображення.
• Зберіть усі графічні файли й зіставте їх із переліком матеріалів.
• Позначте мову, аудиторію та призначення кожного набору.
• Додайте затверджені назви, терміни й контекст неоднозначних фраз.
• Вкажіть елементи для окремої перевірки: числа, дати, попередження, назви.
• Домовтеся, у якому вигляді команда має отримати готову графіку.

Варіант 1: бюро, коли важливі текст і готовий макет¶

Бюро може залучити фахівців на різні етапи: перекладача для тексту, дизайнера для роботи із зображенням і редактора для перевірки. Такий варіант стане в пригоді, якщо композиція складна, матеріал планують опублікувати або текст потрібен для правильного використання продукту чи інструкції.

Передайте бюро не лише картинку, а й редагований файл, якщо він у вас є. Одразу уточніть, що саме отримаєте: перекладений текст, макет із заміненими рядками чи готові експортовані зображення. Різниця важлива: переклад у таблиці може бути правильним, але ще не матиме верстки для публікації.

Якщо зображення пласке, заздалегідь з’ясуйте, хто відновлюватиме фон після видалення старого тексту. На однотонній ділянці це зробити простіше, ніж на фотографії, градієнті чи текстурі: очищене місце може виділятися або закрити частину зображення. Коли відповідальність за цей етап узгоджена заздалегідь, менший ризик отримати перекладені слова без готової графіки.

Запитайте, чи перевіряють матеріал після верстки. Вичитування до розміщення не покаже, чи поміститься рядок у вузький блок, чи перекриє він іконку і чи залишиться зрозумілим порядок читання. Тому фінальну перевірку проводьте після того, як текст уже внесли в макет.

Типова ситуація: команді потрібен переклад інструкцій, але зображення вже збережене як JPEG, а фон під текстом складний. Тут замало розпізнати й перекласти рядки: виконавець має також подбати про відновлення фону, вигляд і, за потреби, роботу дизайнера. Якщо в матеріалах багато дрібних деталей, попросіть показати готовий зразок до підготовки всього набору.

Перевірте, чи бюро розуміє різницю між перекладом і локалізацією графіки. Переклад відповідає за текст, а локалізація - ще й за те, як текст працює у візуальному форматі. Якщо в пропозиції не зазначено, як оброблятимуть написи на фоні, у якій програмі можна буде редагувати готовий файл і хто перевірить фінальну версію, запитайте про це до початку роботи.

Плюс такого підходу - можна узгодити мовну й дизайнерську частини в одному процесі. Мінус - для невеликої внутрішньої задачі залучати кількох фахівців може бути зайвим. Якщо потрібно лише зрозуміти скриншот, професійно переверстана картинка вам не обов’язково потрібна.

Варіант 2: фрилансер для керованого обсягу¶

Фрилансер може взяти на себе переклад, дизайн або обидві частини. Але не припускайте, що один виконавець автоматично охоплює весь процес. Уточніть, хто відповідає за розпізнавання, відновлення фону й перевірку зображення після верстки.

Цей варіант зручний, якщо перелік матеріалів зрозумілий, є контакт із дизайнером або доступний редагований файл. Перекладач підготує локалізовані рядки й пояснить неоднозначні місця, а дизайнер замінить текстові об’єкти. Для плаского зображення потрібно окремо узгодити, хто відновлюватиме ділянку під старим текстом.

Перед початком надішліть фрилансерові коротке технічне завдання. Напишіть, які тексти не можна змінювати, чи залишаються назви продуктів, як оформлювати кнопки й попередження та в якому форматі потрібна готова графіка. Якщо маєте приклад бажаного стилю, додайте його: так виконавцю буде зрозуміліше, чи потрібен нейтральний переклад, чи короткий текст для інтерфейсу або реклами.

Запитайте, як виконавець перевіряє готові матеріали. Наприклад, чи звіряє рядки з оригіналом, перевіряє цифри й обрізаний текст, переглядає графіку у фактичному розмірі. Перевірка збільшеного макета може не виявити проблем із читабельністю, які з’являться після публікації в малому форматі.

Типова ситуація: дизайнер отримує редагований файл, а перекладач - експорт з усіма текстовими рядками та поясненням функцій елементів. Ролі можна розділити, але перед здаванням хтось має звірити готовий макет із переліком вихідних написів. Інакше кожен зробить свою частину, а пропущений підпис так і залишиться непоміченим.

Фрилансер - практичний вибір для чітко окресленого завдання, але зростання обсягу потребує організації. Якщо кожне нове зображення вимагає окремого брифу й узгодження назв, заведіть спільний глосарій і реєстр файлів. Глосарій - це список узгоджених термінів і перекладів. Він допомагає називати ту саму кнопку однаково в різних матеріалах.

Варіант 3: онлайн-інструменти для швидкого перегляду та роботи з документами¶

Онлайн-інструменти допомагають зрозуміти напис на зображенні, витягнути текст для подальшої роботи або перекласти документ зі збереженням структури. Спершу вирішіть, що вам потрібно: швидко прочитати текст чи підготувати готову локалізовану графіку. Це різні завдання.

На комп’ютері в Google Перекладачі можна відкрити вкладку Images, вибрати мови або визначення мови й завантажити файл. Сервіс показує оригінал поруч із перекладеним зображенням, дає скопіювати розпізнаний перекладений текст або завантажити зображення. Для швидкого ознайомлення чи чернетки цього може вистачити. Але перед публікацією перевірте переклад і макет.

Для Android-пристрою довідка Google про переклад зображень описує роботу із зображенням із галереї або з текстом, знятим камерою. Можна виділити частину тексту на зображенні. Такий спосіб зручний, якщо треба швидко зрозуміти окремий напис, але він не замінює підготовку графічного файла до публікації.

Google Translate Help попереджає: “Translation of small, unclear, or stylized text may result in lower accuracy.” Українською: дрібний, нечіткий або стилізований текст може перекладатися менш точно. Джерело

Тут справа не лише в перекладі. Якщо OCR неправильно прочитав вихідний напис, переклад може виглядати переконливо, але означати зовсім інше. Звіряйте розпізнані рядки із зображенням, особливо короткі підписи, назви, важливі числа й текст, частково закритий графічними елементами.

Для автоматизованого вилучення тексту з пласких зображень можна скористатися OCR-сервісами. Google Cloud Vision розрізняє TEXT_DETECTION для тексту на зображеннях загалом і DOCUMENT_TEXT_DETECTION для документів із великою кількістю тексту. Структуровані дані можуть містити сторінки, блоки, абзаци, слова й інформацію про розриви. Це допомагає відновити порядок читання, але перед перекладом і поверненням тексту в макет усе одно треба перевірити.

У документації Google Cloud сказано: “TEXT_DETECTION detects and extracts text from any image.” Тобто цей режим знаходить текст на зображенні й повертає розпізнані дані, а не готовий переверстаний переклад. Джерело

OCR через API підійде командам, яким потрібен автоматизований процес із налаштуваннями. Документація Google Cloud описує запит до кінцевої точки images:annotate з типом функції, наприклад TEXT_DETECTION. Для використання API потрібні налаштований проєкт Google Cloud та автентифікація. Якщо технічного процесу у команди немає, цей варіант може додати роботи, а не скоротити її.

Microsoft описує Azure Vision OCR для простіших сценаріїв аналізу зображень, а для цифрових або сканованих документів із великою кількістю тексту радить Document Intelligence Read OCR. Результат OCR може містити розпізнані рядки й слова з координатами; приклади в документації також показують контури тексту й оцінку впевненості для слів. Координати допомагають обробити текст, але оцінка впевненості не замінює вичитування фахівцем.

Для роботи з документами, а не окремими графічними фрагментами, є ще один варіант - ChatsControl. Інструмент приймає DOCX або PDF і повертає перекладений файл Word зі збереженням структури; для сканів і фотографій він спершу розпізнає вміст і відтворює його в документі. Це може стати в пригоді, якщо графіка є частиною сканованого документа й важливі також текст, таблиці та розташування на сторінці. Врахуйте обмеження: PowerPoint та Excel не підтримуються, а рукописний текст і дуже пошкоджені скани розпізнаються ненадійно.

У такому процесі перекладач може перевірити вихідний і перекладений текст поруч, а не працювати лише із суцільним перекладом без джерела. Так простіше помічати помилки в назвах, числах і пропусках. Але переклад документа - не те саме, що готове локалізоване рекламне зображення: для фінальної графіки може знадобитися дизайнер із доступом до потрібного вихідного файла.

Порівняння варіантів: який підходить для вашої задачі¶

Не зупиняйтеся на питанні, чи вміє інструмент розпізнавати текст. Подумайте також про контроль макета, потрібний формат результату й того, хто відповідатиме за фінальну перевірку.

Почніть із того, який результат має отримати людина. Щоб прочитати текст на скриншоті, може вистачити швидкого перекладу. А якщо матеріал піде в рекламу чи інструкцію, потрібен процес, у якому можна перевірити фінальну графіку, а не лише витягнутий текст.

Оцініть, наскільки важливо зберегти можливість редагування. У серії матеріалів із повторюваними елементами редагований файл дає змогу швидко виправити рядки й узгодити їх між версіями. Для окремого плаского зображення більше значення може мати не переклад, а відновлення фону й дизайну.

Не оминайте обмежень кожного способу. OCR-сервіс повертає дані про розпізнаний текст, але не вирішує, яким має бути стиль. Машинний перекладач не знає, який тон потрібен кнопці чи рекламному заголовку, якщо ви не дасте йому контекст. Бюро або фрилансер можуть підготувати готовий макет, але межі цієї роботи треба погодити до передавання файлів.

Покроковий процес від файлу до перевіреної графіки¶

Якщо повторювати ті самі кроки для кожного матеріалу, менше шансів загубити рядок між розпізнаванням, перекладом і версткою. Призначте відповідального за кожен етап, навіть якщо всю роботу виконує одна людина.

1. З’ясуйте, який вихідний файл доступний. Попросіть редагований файл дизайну. Якщо є тільки PNG чи JPEG, зафіксуйте, що текст потрібно розпізнати, а фон під ним, можливо, доведеться відновлювати.
2. Зберіть повний набір матеріалів. Складіть перелік зображень, варіантів і потрібних мов. Позначте файли так, щоб перекладач і дизайнер могли зіставити джерело з результатом.
3. Додайте контекст до написів. Поясніть, де використовуватиметься графіка, хто її читатиме й що означають неоднозначні фрази. Додайте затверджені назви й терміни.
4. Вилучіть текст і звірте його з оригіналом. Скопіюйте текстові об’єкти з редагованого файла. Для плаского зображення використайте OCR і перевірте кожен рядок за зображенням, зокрема цифри та короткі написи.
5. Перекладіть текст як набір пов’язаних елементів. Збережіть зв’язок кожного рядка з його місцем у макеті. Узгодьте назви, підписи й попередження з глосарієм.
6. Поверніть переклад у дизайн. Замініть редаговані текстові об’єкти або відновіть фон на пласкому зображенні й розмістіть переклад. Якщо рядок не вміщується, підлаштуйте верстку або погодьте коротший варіант.
7. Перевірте фінальне зображення. Звірте його з оригіналом і переліком рядків. Перегляньте читабельність, повноту, порядок читання, цифри, візуальну ієрархію й місця, де прибрали вихідний текст.
8. Збережіть результат і джерело. Передайте готові файли в узгодженому форматі разом із редагованим оригіналом, якщо він потрібен для наступних оновлень.

Не пропускайте звірку з оригіналом після OCR, навіть якщо розпізнаний текст звучить природно. Помилка може з’явитися ще до перекладу, і тоді подальше редагування лише зробить неправильний зміст переконливішим. В автоматизованому процесі зберігайте зв’язок між розпізнаним рядком, його координатами, перекладом і місцем у фінальному макеті.

Коли локалізуєте серію графік, не ставтеся до кожного зображення як до окремого текстового документа. Та сама назва кнопки може повторюватися в кількох файлах: узгодьте її один раз і перевірте всі входження. Глосарій і реєстр матеріалів допоможуть не дати одній функції отримати різні назви на сусідніх екранах.

Підводні камені: що перевірити, перш ніж публікувати¶

Проблеми часто починаються не з того, що система взагалі не знайшла текст, а з того, що пропустила частину інформації, неправильно згрупувала її або невдало повернула в дизайн. Тому перевіряйте всі три складники: вихідне зображення, переклад і готовий макет.

OCR може неправильно прочитати символ. Дрібний, нечіткий або стилізований текст розпізнається гірше. Складніше також із щільними таблицями, текстом під кутом чи по кривій, написами під графічними елементами й рукописом. Звіряйте такі матеріали вручну; інколи знадобиться і ручна робота з дизайном.

Google радить використовувати чіткі зображення та поширені шрифти, а також пояснює, що ясність тексту впливає на точність розпізнавання й перекладу. Довідка Google

Порядок читання може збитися. Система може розпізнати заголовок, підпис до ілюстрації й бічну примітку не в тій послідовності, у якій їх читає людина. Координати й дані про блоки допомагають відновити структуру, але перевірте, чи кожен рядок опинився біля правильного елемента.

Переклад може не поміститися. Після перекладу фраза може стати довшою. У текстовому блоці фіксованого розміру рядок обріжеться, перенесеться невдало або підійде надто близько до піктограми. Перевірте не лише зміст, а й те, чи легко прочитати текст у готовому розмірі.

Відновлений фон може впадати в око. Прибрати напис із суцільного тла простіше, ніж із фотографії чи складної текстури. Перевірте, чи не залишилися сліди, плями або уламки старих символів. Неакуратно відновлений фон зіпсує вигляд графіки, навіть якщо переклад правильний.

Не плутайте переклад із готовим оформленням. Текст, скопійований з OCR, ще не є локалізованою картинкою. Перед здаванням уточніть, хто робить верстку й у якому форматі команда отримає файл. Для документа із зображеннями перекладачеві може знадобитися перевірити текст у контексті сторінки, а дизайнеру - мати вихідні файли.

Перевіряйте після останньої правки. Навіть заміна одного слова може змінити перенесення рядка, а виправлення фону - закрити частину підпису. Переглядайте експортовану версію, а не тільки файл у редакторі. Переконайтеся, що готовий файл відкривається й відповідає вимогам каналу, для якого його підготували.

Не вгадуйте нечіткі місця. Якщо OCR не розпізнав слово, звірте його з оригіналом, а не домислюйте за контекстом. Попросіть власника матеріалу або дизайнера надати чіткіше джерело. Для неякісного скану чи рукопису автоматична обробка не завжди дає надійний результат.

Перед публікацією пройдіться за коротким списком:

• Усі написи з джерела є у перекладеній версії.
• Переклад відповідає контексту й узгодженій термінології.
• Цифри, дати, назви й попередження звірені з оригіналом.
• Порядок читання та зв’язок між підписами й елементами зрозумілі.
• Текст повністю вміщується й читається у фінальному розмірі.
• Візуальна ієрархія збережена, а графічні елементи не перекривають текст.
• На фоні після видалення вихідного тексту не лишилося помітних артефактів.
• Фінальний файл відкривається й має погоджений формат.

FAQ¶

Як перекласти текст усередині зображення та зберегти макет?¶

Спершу з’ясуйте, чи маєте редагований файл дизайну. Якщо маєте, замініть текстові об’єкти й перевірте композицію. Якщо залишилося лише пласке зображення, розпізнайте текст за допомогою OCR, перекладіть його й відтворіть графіку. Перевірте готове зображення, а не лише перекладений текст.

Як перекласти текст у PNG або JPEG?¶

Щоб швидко зрозуміти напис, скористайтеся перекладом зображень у Google Перекладачі на комп’ютері або виберіть зображення в галереї Android. Якщо плануєте публікувати матеріал, звірте розпізнані слова з оригіналом і перевірте переклад у готовому макеті.

Наскільки точне OCR для дрібного або стилізованого тексту?¶

Точність залежить від чіткості зображення й оформлення тексту. Google попереджає, що дрібний, нечіткий або стилізований текст може розпізнаватися гірше. Перевірте такі фрагменти вручну й не залишайте нерозбірливі місця без уточнення.

Як перекладати багато скриншотів і графік у межах одного процесу?¶

Підготуйте перелік файлів, спільні правила термінології й контекст для повторюваних підписів. Розділіть роботу на розпізнавання, переклад і відтворення макета, а за фінальну перевірку кожного зображення призначте відповідального.

Що робити, якщо переклад не вміщується у текстовий блок?¶

Перевірте, чи можна скоротити формулювання без втрати змісту. Якщо ні, змініть розмір блока, інтервали або компонування, а потім перевірте читабельність і візуальну ієрархію.

Чи потрібен редагований файл дизайну для перекладу графіки?¶

Редагований файл не обов’язковий, але з ним легше замінити текст і зберегти фон. Для плаского PNG або JPEG спершу розпізнайте напис, а потім відновіть ділянку, де був вихідний текст.