How to Use Image Translator - Complete Guide

Welcome to the comprehensive guide for using our AI-powered Image Translator. This guide will walk you through every feature and function on the homepage to help you translate images effortlessly.

Overview

The Image Translator homepage is your primary tool for instantly translating text within images to 130+ languages while preserving the original layout and design. Whether you're translating manga, documents, signs, or marketing materials, this powerful AI tool delivers professional results in seconds.

Key Features at a Glance

• Smart Language Detection: Automatically detects source language
• 130+ Languages: Comprehensive language support for global reach
• Layout Preservation: Maintains original fonts, colors, and design
• Multiple Translation Types: Optimized for different content types
• Flexible Upload Options: Drag-and-drop, file selection, or URL input
• Advanced Result Viewing: Three comparison modes for quality verification

---

Step-by-Step Usage Guide

Step 1: Configure Translation Settings

1.1 Select Source Language

Icon: Globe icon ()

The source language selector allows you to specify the language of text in your image.

How to use:

1. Click on the "Source Language" dropdown
2. Choose from 33 options:
   • Auto Detect (Recommended): Let AI automatically identify the language
   • 32 Specific Languages: Arabic, English, Chinese, Japanese, Korean, and more

Pro Tip: Auto Detect works best for single-language images. For images with mixed languages, select the primary language.

Supported Source Languages:

• Arabic (ar)
• Azerbaijani (az)
• Bengali (bn)
• Catalan (ca)
• Czech (cs)
• Danish (da)
• German (de)
• English (en)
• Spanish (es)
• Finnish (fi)
• French (fr)
• Hebrew (he)
• Hungarian (hu)
• Indonesian (id)
• Italian (it)
• Japanese (ja)
• Korean (ko)
• Malay (ms)
• Dutch (nl)
• Norwegian (no)
• Polish (pl)
• Portuguese (pt)
• Russian (ru)
• Slovak (sk)
• Slovenian (sl)
• Swedish (sv)
• Tamil (ta)
• Thai (th)
• Turkish (tr)
• Vietnamese (vi)
• Chinese Simplified (zh)
• Chinese Traditional (zh_hant)

1.2 Select Target Language

Icon: Flag icon representing the target country

Choose the language you want to translate your image into.

How to use:

1. Click on the "Target Language" dropdown
2. Browse through available target languages
3. Select your desired language

Note: The target language automatically syncs with your website language preference. You can manually override this selection.

Available Target Languages (16 languages):

• Arabic (ar)
• German (de)
• English (en)
• Spanish (es)
• French (fr)
• Italian (it)
• Japanese (ja)
• Korean (ko)
• Portuguese (pt)
• Russian (ru)
• Chinese (zh)
• And more...

1.3 Swap Languages (Quick Toggle)

Icon: Bidirectional arrows icon

Quickly swap source and target languages with a single click.

How to use:

1. Click the swap button () between the language selectors
2. Languages will instantly exchange positions

Note: This button is disabled when "Auto Detect" is selected as the source language.

---

Step 2: Choose Translation Type

Select the translation mode that best fits your content type for optimized results.

2.1 General Translation (Default)

Icon: Sparkles icon

Best for:

• General documents
• Screenshots
• Street signs
• Everyday images

Description: Suitable for manga, documents, signs, and general scenarios. Provides accurate, context-aware translation for most use cases.

How to use: Click the "General Translation" card. It's selected by default.

2.2 E-commerce Translation

Icon: Shopping bag icon

Best for:

• Product descriptions
• Marketing materials
• Promotional content
• Sales copy

Description: Optimized marketing language to enhance product description appeal. Uses persuasive, engaging language suitable for commercial content.

How to use: Click the "E-commerce Translation" card to activate this mode.

2.3 Manga Translation

Icon: Book icon

Best for:

• Japanese manga
• Korean webtoons
• Comics and graphic novels
• Sequential art

Description: Optimized for manga, preserving speech bubbles and artistic layouts. Understands manga-specific terminology and maintains the visual flow of storytelling.

How to use: Click the "Manga Translation" card.

Pro Tip: For translating multiple manga pages, use the dedicated Manga Translator page with support for up to 100 images.

2.4 Menu & Signs

Icon: Utensils icon

Best for:

• Restaurant menus
• Street signs
• Travel guides
• Location-based content

Description: Optimized for translating menus, signs, and travel-related content with proper formatting for food items and location names.

How to use: Click the "Menu & Signs" card.

---

Step 3: Upload Your Image

Two convenient methods for uploading images:

Method A: Upload File (Drag & Drop or Browse)

Icon: Upload icon

How to use:

1. Option 1 - Drag and Drop:

   • Drag your image file from your computer
   • Drop it into the dashed upload area
   • The area will highlight when you hover with a file

2. Option 2 - Click to Browse:

   • Click anywhere in the upload area
   • A file browser will open
   • Navigate to your image file
   • Click "Open" to upload

Supported Formats:

• JPG / JPEG
• PNG
• WebP
• GIF

File Size Limit: Maximum 10MB per image

What Happens After Upload:

• You'll see a preview thumbnail of your image
• File name and size will be displayed
• A checkmark icon confirms successful upload
• You can remove the image using the (close) button

Method B: Image URL

Icon: Link icon

How to use:

1. Click the "Image URL" tab
2. Paste the direct URL of an image
3. The URL must end with a supported image extension (.jpg, .png, .webp, .gif)
4. Click "Load Image" button
5. The image will be fetched and displayed as a preview

URL Requirements:

• Must be a direct image URL
• Must be publicly accessible
• Should end with: .jpg, .jpeg, .png, .webp, or .gif

Pro Tip: Use the paste button (clipboard icon) on the right side of the input field to quickly paste URLs from your clipboard.

---

Step 4: Start Translation

Button: "Start Translation" with Sparkles icon

How to use:

1. Ensure you've:

   • Selected source and target languages
   • Chosen a translation type
   • Uploaded an image or provided a URL

2. Click the "Start Translation" button

3. Processing Stages:

   Stage 1 - Uploading (2-5 seconds)

   • Your image is securely uploaded to our cloud storage
   • A progress bar shows upload status
   • Icon: Upload icon with animation

   Stage 2 - Processing (5-15 seconds)

   • AI detects text regions in your image
   • Neural translation engine translates the text
   • Smart inpainting replaces text while preserving layout
   • Icon: Sparkles icon with loading animation

Credit Cost: Each translation costs 1 credit. This is clearly displayed below the button.

---

Step 5: View Translation Results

After processing completes, you'll see a comprehensive results view with multiple comparison modes.

5.1 Results Header - Translation Stats

Information Displayed:

• Processing Time: Icon (Clock) - Shows how long the translation took (e.g., "2.3s")
• Text Regions: Icon (Sparkles) - Number of text areas detected and translated
• Detected Language: Icon (Badge) - The language that was automatically detected (if Auto Detect was used)
• Comparison Mode Selector: Dropdown to switch between viewing modes

5.2 Comparison Modes

Three viewing modes to inspect your translation quality:

Mode 1: Side-by-Side View (Default)

Icon: Two columns icon

Description: View original and translated images next to each other

Features:

• Left panel: Original image with source language label
• Right panel: Translated image with target language label
• Easy direct comparison
• Best for overall quality assessment

How to use: Select "Side-by-Side" from the comparison mode dropdown.

Mode 2: Slider View

Icon: Horizontal sliders icon

Description: Interactive slider to compare images with a sliding divider

Features:

• Drag the slider left or right to reveal more of either image
• Original image on the left side of the slider
• Translated image on the right side of the slider
• Labels show which image is which
• Perfect for checking layout preservation

How to use:

1. Select "Slider" from the comparison mode dropdown
2. Click and drag the vertical slider bar
3. Move left to see more of the original
4. Move right to see more of the translation

Mode 3: Toggle View

Icon: Eye icon

Description: Switch between original and translated with a single click

Features:

• Shows one image at a time
• Smooth fade animation when switching
• "View Original" / "View Translated" button to toggle
• Language indicator updates with each view
• Great for focusing on one version at a time

How to use:

1. Select "Toggle" from the comparison mode dropdown
2. Click the "View Original" or "View Translated" button to switch
3. Images will fade smoothly between versions

---

Step 6: Take Action with Your Results

6.1 Download Translated Image

Button: "Download" with download icon

How to use:

1. Click the "Download" button
2. Your translated image will be saved to your default downloads folder
3. Filename format: translated-[timestamp].webp

File Format: WebP (high quality, small file size)

6.2 Share Translation

Button: "Share" with share icon

How to use:

1. Click the "Share" button
2. A share dialog will appear with platform options
3. Choose your preferred sharing method:
   • Direct social media platforms
   • Copy link to clipboard
   • System share menu (mobile)

What Gets Shared:

• The translated image
• A title indicating the translation direction (e.g., "ZH → EN")

6.3 View in Fullscreen

Button: "Fullscreen" with maximize icon

How to use:

1. Click the "Fullscreen" button
2. An advanced lightbox viewer opens with:
   • Zoom controls (scroll or click)
   • Thumbnail navigation at the bottom
   • Both original and translated images
   • Download button for each image
   • Keyboard controls:
     • Arrow keys: Navigate between images
     • Escape: Close fullscreen
     • +/-: Zoom in/out

Lightbox Features:

• Zoom: Up to 3x magnification
• Pan: Click and drag when zoomed
• Thumbnails: Quick navigation between original and translated
• Download: Download button in the toolbar
• Dark Background: Optimal viewing with 95% opacity black background

6.4 Retranslate

Button: "Retranslate" with refresh icon

How to use:

1. Click the "Retranslate" button
2. You'll return to the translation form
3. Your settings and image will be cleared
4. Start fresh with a new translation

Use Cases:

• Try different translation types
• Upload a new image
• Change language pairs
• Experiment with different settings

---

Step 7: Review Translation Details

7.1 Expand Details Section

Button: Expandable "Translation Details" section

How to access:

1. Scroll below the comparison view
2. Click on "Translation Details" to expand
3. View comprehensive translation information

7.2 Text-by-Text Comparison

Information shown for each detected text region:

• Original Text: The source text detected in the image
• Translated Text: The AI-translated version
• Confidence Score: How confident the OCR was in detecting the text (0-100%)
• Arrow Icon: Visual indicator showing translation direction

Layout:

• Left column: Original text with language label
• Arrow icon: Shows translation flow
• Right column: Translated text with language label

7.3 Processing Metadata

Statistics Displayed:

• Model: The AI model used for translation
• Credits Used: How many credits were consumed (typically 1)
• Processing Time: Total time taken for the translation
• Text Regions: Total number of text areas processed

---

Advanced Features

Batch Translation Link

Badge: " Batch Translate & Download Supported"

Location: Top of the page, above the main title

What it does: Clicking this badge takes you to the Batch Image Translator page where you can:

• Upload up to 1000 images at once
• Process them simultaneously
• Download all results as a ZIP file
• Save time on bulk translation projects

---

Error Handling

Common Errors and Solutions

"Please select an image first"

Solution: Upload an image using either the file upload or URL method before clicking translate.

"Unsupported file format"

Solution: Ensure your image is in JPG, PNG, WebP, or GIF format.

"File too large (max 10MB)"

Solution: Reduce your image file size using an image compression tool before uploading.

"Invalid URL"

Solution: Check that:

• The URL starts with http:// or https://
• The URL ends with a supported image extension
• The image is publicly accessible

"No text detected"

Solution:

• Ensure your image contains visible text
• Try improving image quality/resolution
• Check that text is not too small or blurry

"Insufficient credits"

Solution:

• Purchase more credits from the Pricing page
• Subscribe to a plan with monthly credits
• Free tier provides 10 credits/month

"Translation failed"

Solution:

• Try again - temporary server issues may occur
• Check your internet connection
• Contact support if the problem persists

---

Tips for Best Results

Image Quality Tips

1. Use High Resolution: Higher resolution images (at least 1000px wide) produce better results
2. Good Lighting: Ensure text is clearly visible with good contrast
3. Avoid Heavy Blur: Blurry text may not be detected accurately
4. Clear Text: Handwriting and artistic fonts may have lower accuracy

Language Selection Tips

1. Use Auto Detect: For most cases, auto-detect works perfectly
2. Specify Language: For mixed-language images, select the dominant language
3. Check Detection: Review the detected language in the results to verify accuracy

Translation Type Tips

1. Match Content Type: Choose the translation type that matches your content
2. Experiment: Try different types to see which gives the best results
3. Manga Mode: Always use Manga mode for comics to preserve speech bubbles

Processing Tips

1. One Image at a Time: For best quality, use the homepage for single images
2. Batch for Multiple: Use Batch Translator for 2+ images
3. Check Before Downloading: Always review the comparison views before downloading

---

Keyboard Shortcuts

While viewing results:

• Fullscreen Mode:
  • <ArrowLeft className="inline size-4" /> / <ArrowRight className="inline size-4" />: Navigate between original and translated
  • Esc: Exit fullscreen
  • + / -: Zoom in/out
  • Space: Toggle between images

---

Credit System

How Credits Work

• Single Image Translation: 1 credit per image
• Free Tier: 10 credits/month
• Pro Tier: 800 credits/month
• Premium Tier: 2,000 credits/month

Purchasing Additional Credits

If you run out of credits:

1. Visit the Pricing page
2. Choose a subscription plan or one-time credit package
3. Credits are added immediately after purchase

---

Getting Help

Documentation

• Main Documentation: /docs
• Batch Translator Guide: Batch Translator Docs
• Manga Translator Guide: Manga Translator Docs
• Image to Text Guide: Image to Text Docs

Support Channels

• FAQ: Check our Frequently Asked Questions
• Contact: Reach out via our Contact Page
• Community: Join our Discord community for peer support

---

What's Next?

Now that you know how to use the Image Translator homepage, explore our other powerful tools:

• Batch Image Translator: Process up to 1000 images simultaneously
• Manga Translator: Specialized tool for manga and comics with 100-image capacity
• Image to Text: Extract text from images with OCR technology

Start translating images effortlessly and break language barriers in visual content!