Translating Images to Another Language with Studio Assistant

Translate banner and slider images containing text to another language using Studio Assistant and assign them as images for that language only; step-by-step instructions and video.

Texts in banner and slider images are part of the image itself; therefore, the English version of the page shows the same Turkish image. Since image fields can be kept separate by language, you can have Studio Assistant generate a copy of the image in another language and assign it only as the image for that language. The Turkish page continues to use its own image. The video of the same explanation is below.

<video controls preload="metadata" playsinline width="1920" height="1080" poster="https://files.docs.hebiar.com/videos/console/studio/pages/asistan-gorsel-ceviri.tr.jpg" src="https://files.docs.hebiar.com/videos/console/studio/pages/asistan-gorsel-ceviri.tr.mp4"><a href="https://files.docs.hebiar.com/videos/console/studio/pages/asistan-gorsel-ceviri.tr.mp4">Open the video</a></video>

Before You Start

  • The page must have an address in that language. Define the English path in the page's Settings (for the homepage, /). If not defined, the publish window will show "Path not defined, will not publish in this language" for that language.
  • If no image is selected for a language, the site shows the image from the backup language of that language (e.g., Turkish).
  • Assistant cannot reliably read small texts on images. Enter the Turkish texts on the image yourself if you wish; the assistant will translate them.

1. Switch the Editor to the Language You Will Translate To

  1. Open the page from Pages.
  2. Select EN from the language selector in the top bar. The assistant writes images to the field of the selected language; it does not affect images of the other language.

2. Have the Assistant Translate the Images

  1. Open Studio Assistant and write your request. Example:

    For the English version of the homepage, translate the images of the two slides in the slider into English. The Turkish texts on the images are: Slide 1: 'Sonbahar / Kış 2026', 'Yeni sezon koşu giyim', 'Ceketler, uzun kollular ve taytlar mağazada.', button 'Koleksiyonu gör'. Slide 2: 'Yeni', 'Glycerin 23', 'Kadın ve erkek modelleri mağazada.', button 'Şimdi incele'. First, translate these into natural English and write as a short list. Then, based on the current desktop and mobile images of each slide, generate new images: keep the design, model, shoes, colors, and layout the same, only the texts should be in English; use the same text on desktop and mobile. Generate each image once, do not use old images in Media. Assign the new images as the English images of the slides and write the alternative texts in English; do not touch the Turkish images, slide names, or links.

  2. The assistant first lists the translations, then generates images and assigns them as English images to the slides.
  3. Check the translations and the Generated images card, then press Approve.

3. Publish

Close the assistant and press Publish. The window that opens shows that Turkish and English addresses will be published together; press Publish again.

Check the Result

  • Open the English page of the site (address starting with /en) and the Turkish page and check the slides. Each language shows its own image.
  • Check on mobile as well. Since the mobile image is a separate field, it must also be translated.
  • The editor shows which language you are editing next to the image field (e.g., · EN). If there is no image in a language, the backup language's image is shown faded.

Common Issues

  • Translation is incorrect or mixed (e.g., a word remains in Turkish): Make sure you have entered the Turkish texts completely as requested. You can also provide the English texts yourself if you want.
  • Turkish images also changed: Check that the editor is in EN and say in the request "Do not touch Turkish images." If changed, press Revert.
  • Assistant said "assigned" but it does not appear on the English site: Check if the English path of the page is defined and if the page is published.