Screenshots

Screenshots are a great way to provide translators with additional context for the source strings in your project and, as a result, get more relevant and consistent translations. With screenshots, your team can see which strings are used together on the same page, whether short texts stand for titles, buttons, etc.

Translate Your UI with Crowdin's Screen Translation Feature Crowdin's Screen Translation simplifies UI localization by allowing users to translate interface elements with a real-time preview of your app design.

Tag source strings to the screenshots to display them to translators in the Editor in the context section below the source string.

Upload Screenshots

To upload screenshots into your project, follow these steps:

1. Open your project and go to the Screenshots tab.
2. Drag images from your machine, or click Upload.

Tip

To resize high-resolution images to fit your screen, add @2x or @3x at the end of the filename.

Tag Strings

To show translators where certain strings are located in the UI tag strings on the screenshots. In Crowdin, you can tag strings using the following methods:

• Auto tag
• Text recognition
• Drag and drop

Tag Strings Automatically

Texts within an image will be detected automatically. Then the matching strings will be searched in the project according to the selected filter. As a result, the ones found will be tagged on the screenshot.

1. Open the screenshot with a double-click.
2. Click .
3. Once the strings are tagged on the screenshot, click Save.

To tag strings automatically on a single screenshot without opening it:

1. Click on the needed screenshot.
2. Select Auto tag.

You can also tag strings automatically on multiple screenshots at once:

1. Select multiple screenshots by holding Ctrl or Shift .
2. Click Auto tag.

If you use In-Context, you might find helpful its integrated feature for taking screenshots of the website pages.

Adding Screenshots via In-Context In-Context Localization is a feature that allows you to preview your website or application in Crowdin and translate strings directly in the context.

Tag Strings with Text Recognition

The system will search for a string that matches the text you select among all the strings in your project. If several similar strings are found, you will see all of them and be able to select the best-matching one.

1. Open the screenshot with a double-click.
2. Highlight the text on the screenshot.
3. Once finished tagging all the strings, click Save.

If text highlighting is inactive, the Text recognition feature might be unavailable for your project’s source language.

Tag Strings Manually

Drag the listed strings to the text on the screenshot manually.

1. Open the screenshot with a double-click.
2. Click Strings to open the string list panel.
3. Sort and filter the listed strings. You can select all or specific files and search strings by text or context.
4. Drag the needed string from the list in the right panel to the corresponding text on the screenshot. Alternatively, click on the strings to tag them in the screenshot without specifying the exact place where they should appear.
5. (Optional) To view additional string details or edit them:
   • Click the button above the string list to show more details (file name and string context).
   • Hover over a string and click the to open the Edit String dialog. You can:
     • Update the identifier.
     • Update the source text.
     • Add or update the context.
     • Add or update the labels.
     • Set the Max. length of the translated text.
   • Click Save after making the changes.
6. Click Save when you finish tagging.

Read more about String Editing.

To tag all the strings from the selected file to your screenshot, follow these steps:

1. Select the file you need.
2. Click Tag All > Save.

Drag and Scroll Screenshots

When tagging high-resolution screenshots, you can hold Ctrl to drag and scroll the screenshot with a mouse revealing the remaining part.

Alternatively, click to drag and scroll the screenshot without holding Ctrl .

Removing Tagged Strings from Screenshot

If you need to remove all the strings tagged on the screenshot, click .

Labels

Use labels in your project for an easy way to organize screenshots by certain topics. Once you add labels to your screenshots, you can filter them by added labels. If you already use labels for your source strings, you can also use the same labels for screenshots.

Managing Project Labels Learn how to make your Crowdin project labels.

Adding Labels to Screenshots

There are a few possible ways you can add labels to the screenshots.

Add labels to one screenshot at a time

1. Open the screenshot with a double-click.
2. Click .
3. Select needed labels in the Labels field.
4. Click Save.

Add labels to multiple screenshots

1. Select multiple screenshots you want to add the same labels to holding Ctrl or Shift .
2. Click Labels.
3. Select needed labels in the Labels to be added field.
4. Click Save.

Update Screenshots

You can upload a new screenshot that will replace the current one. The already tagged strings that are relevant would remain tagged. If the text on the screenshot changed its location, strings would remain tagged but on the new locations.

To update the screenshot, follow these steps:

1. Open the screenshot with a double-click.
2. Click and select a new screenshot from your machine or use Drag&Drop.
3. Click Save.

Rename Screenshots

To rename a screenshot, follow these steps:

1. Click on the needed screenshot and select Rename.
2. Specify a new name.
3. Press Enter .

Download Screenshots

You can download screenshots and reuse them in other projects or elsewhere.

To download screenshots, follow these steps:

1. Select one or multiple screenshots holding Ctrl or Shift .
2. Click Download.

Alternatively, click on the needed screenshot and select Download.

Delete Screenshots

To delete a screenshot, follow these steps:

1. Select one or multiple screenshots holding Ctrl or Shift .
2. Click Delete screenshot.