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 will be able to see which strings are used together on the same page, whether short texts stand for titles, buttons or something else, and more.

Tag source strings to the screenshots, so they are displayed in the Editor, where translators will see them in the context section below the source string.

Screenshots in Editor

Upload Screenshots

To upload screenshots into your project, follow these steps:

  1. Open your project and go to Content > Screenshots.
  2. Drag images from your machine, or click Upload.
Note: 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:

  • Drag and drop
  • Text recognition
  • Auto tag

Tag Strings Automatically

Texts within an image will be detected automatically. Then the matching strings will be searched for among all the strings in the project. The ones found will be tagged on the screenshot.

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

Auto tag

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 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.

Read more about Adding Screenshots via In-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. Click .
  3. Highlight the text on the screenshot.
  4. Once you tag all the strings, click Save.

Text Recognition

If the is not active after you click on it, the Text recognition feature isn’t available 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 .
  3. Sort and filter the listed strings. You can select all files or specific ones and search strings by text or context.
  4. Drag the needed string to the corresponding text on the screenshot. Alternatively, click on the strings to tag them to the screenshot without specifying the exact place where they should appear.
  5. Click Save.

Manual Tagging

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.

Labels

Use labels in your project for an easy way to organize screenshots by certain topics. Once you added 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

To create, edit, or remove project labels, follow these steps:

  1. Open your project and go to Content > Screenshots.
  2. Click the drop-down toggle next to Labels, and select Manage Project Labels.
  3. In the appeared dialog, add new labels, edit or remove existing ones.

Managing Screenshot 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 via the same dialog where you tag strings
    • Open the screenshot with a double-click
    • Click
    • Select needed labels in the Labels field
    • Click Save

Adding Labels to Single Screenshot

  • Add labels to multiple screenshots
    • Select multiple screenshots you want to add the same labels to holding Ctrl or Shift
    • Click Labels
    • Select needed labels in the Labels to be added field
    • Click Save

Adding Labels to Multiple Screenshots

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.

Was this article helpful?