1. Go to Content Authoring tab, select Image.
   You can see all the images or choose to view only the fullsize or thumbnails by selecting the option under Show Image Type.
2. On the Select Image dialog, select Add existing Image file.
   
3. Choose the image you want to add and select Open.
   The images added to the project must be in the same local folder as the project folder or in a sub-folder. A prompt message appears if the images are not in the same local folder as the project folder.
4. Select Yes.
   If you select yes, the application creates a copy of the file in your project's local folder and includes it in the project. If you select no, the application does not create a copy.
   
   The image is now added to the project folder and can be used in topics and content snippets.

   When you add an image to HelpStudio, it automatically places the image in an images folder under Other Files by default. But, you can create more folders, either at the same level or as subfolders.

   

The HelpStudio allows you to capture the images to your content within the Topics. It supports the image file formats that includes JPG, JPEG, PNG, TIFF, BMP, and GIF. You can also add animated GIFs to content files, just as you add a regular image.

The below section explains how to capture an image in HelpStudio project topics.

You can use the Capture Image option to take a screenshot of your screen and include the image file in your project without inserting it into topics or content snippets.

1. Go to Content Authoring tab, select Image.
2. On the Select Image dialog, select Capture Image.
   Image Capture dialog appears.

   

3. Select the required option and select Capture.
   The Image Capture dialog offers Capture When and Capture What options, enabling you to select when the capture occurs (immediately, after a specified delay, or via a defined hotkey) and what the target of the capture is (whole screen, a specific screen, active application window, specific application window, any window, and region).
   After capturing an image, a preview and options appear to save, save and edit, save and markup, save and insert, save and insert thumbnail, and discard and recapture.
4. Select Save.
   This action saves the captured image and completes the capture image process.

There are two options to define the image capture region. The first option is useful when you want to capture a rectangular area and the second option is useful when you want to capture a specific region with precise dimensions.

To define an image capture region by dragging the red rectangle:

1. Go to Content Authoring tab, select Image.
2. On the Image Capture dialog, select Region.
3. Select Define button.
   The display shows a red rectangle that marks the region to be captured. To move the region, click and hold the left mouse button on the red circle in the center and drag it. You can also resize the region by dragging any of its sides or corners.
4. Double-click the red circle to confirm the region selection, or press the Esc key to cancel.
5. Select Capture button to capture.

   After capturing an image, a preview appears with options to save, save and edit, save and markup, and discard and recapture.

6. Select Save.
   This action saves the captured image and completes the capture image process.

To define an image capture region by entering the dimensions:

1. Go to Content Authoring tab, select Image.
2. On the Image Capture dialog, select Region.
3. Enter the dimensions of the required region in the Dimensions textbox.
4. Select Capture button to capture.

   After capturing an image, a preview appears with options to save, save and edit, save and markup, and discard and recapture.

5. Select Save.
   This action saves the captured image and completes the capture image process.

1. Open the Topic or Content Snippet file.
2. On the Content Editor (Design Screen), place your cursor where you want to insert the image.
3. Go to Content Authoring tab, select Image.
4. Choose the image you want and select OK.

1. Open the Topic or Content Snippet file.
2. Go to Project Explorer, Other Files, Images.
3. Select and drag the image file from the Project Explorer to the place where you want it in the Content Editor and drop it.
4. Select Save All.

1. Go to Project Explorer, Other Files, Images.
2. Select the image in the Project Explorer for which you want to create a thumbnail.
3. Right-click on the image and select Create Thumbnail.
4. If required, on the Create Thumbnail dialog, update the Size and Drop Shadow properties
5. Select OK.
   A thumbnail image (saved with the original filename suffixed with _thumb) is created and added to the project.

1. Open the Topic or Content Snippet file.
2. Right-click on the full size image in the Content Editor.
3. Select Replace with Thumbnail from the right-click context menu.
   A thumbnail version of the full size image is created and added to the project (if one does not already exist). The thumbnail replaces the full-size image as a clickable Dynamic Image widget that expands to show the full-size image when you click.

The find unused images tool in the HelpStudio searches your project for images that are not currently included in your project's content. You can then choose to remove these images from your project if you are sure that they are not required.

1. On the Tools tab, select Find Unused Images.
   After the tool finishes searching, it shows you a list of unused images.
   
2. Select the images that you want to remove from your project.
3. Check the Delete images from disk checkbox if you want to remove the images from the project folder.
4. Select the method based on your requirements to remove the unused images:
   • Select Remove to remove only the selected unused images.
   • Select Remove All to remove all the identified unused images.