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.

Tag source strings to the screenshots to display them to translators in the Editor 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 the Screenshots tab.
  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:

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

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

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. Highlight the text on the screenshot.
  3. Once finished tagging all the strings, click Save.

Text Recognition

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

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

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

  1. Open your project and go to the Screenshots tab.
  2. Click the drop-down toggle next to Labels, and select Manage Project Labels.
  3. In the appeared dialog, add new labels and 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?