---
# System prepended metadata

title: Media Tagger - User's Guide

---

# Media Tagger - User's Guide

## Quick Start

### Download link
# Media Tagger - User's Guide

## Quick Start

### Download link
[media_tagger 0.9.1 for Windows](https://downloadfroms3.s3.ap-northeast-2.amazonaws.com/media_tagger_0.9.1_setup.exe)

[media_tagger 0.9.1 for Mac OS](https://downloadfroms3.s3.ap-northeast-2.amazonaws.com/media_tagger_mac_0.9.1_setup.dmg)

:::warning
:bulb: **Hint**: the warning will pop up when you install the app because the application doesn't apply certification for now
:::

### User Interfaces
![](https://i.imgur.com/QDkrmPR.jpg)


1. `Import`button
3. `Open Folder` button
4. the current working folder/zip file
5. List images in the working folder/zip file
6. `Export` button: To export the working files
7. Image file name
8. `Refresh` button: Clean up all the tags
9. `Snapshot` button: Take a snapshot of the annotated image
10. Labels (types of annotations)
11. Annotations

## What's New
### Version 1.9.1
#### Features
1. Import the zip file, which the app exported.
2. Delete individual annotation.
3. Show the corresponding tag in the picture when mouse moves in tag button.
4. The newly created tags, which have the same label, will have their unique name.

#### Bug fixes
1. Fix scroll bar move to the top when image selected error.
## Q&A

### How to select an image to add tags?

1. Click on the `Open Folder` button to select your working folder first:
![](https://i.imgur.com/5Xnw65z.png)

2. Select an image from the list:
![](https://i.imgur.com/P6N63Un.png)


3. Depending on what you are going to annotate, select the proper label from the list:
![](https://i.imgur.com/f8NtAAO.jpg)

4. Use your mouse to draw a tag:
![](https://i.imgur.com/BoJFzUJ.jpg)


:::info
:bulb: **Hint**: The app will record the points of the path you drawed
:::

### How to find the tag in picture?
![](https://i.imgur.com/rslG4HK.jpg)


1. Move the mouse on the tag button and the corresponding tag will show in the picture
![](https://i.imgur.com/LHEFLCl.jpg)

### How to delete individual annotation?
1. Select the corresopnd tag
2. Click Delete button
![](https://i.imgur.com/KUg48Qx.png)

### How to clean tags?
For now, the only way to cancel the tag is to click the refresh button, which would clean up all the tags.
![](https://i.imgur.com/lPq3TCF.jpg)

:::warning
:bulb: **Hint**: This function will clean all the tags in the picture.
:::

### How to export and share tagged images?
1. Click on the `Save` button:
![](https://i.imgur.com/hdJ8fj1.jpg)

2. Select the destination folder:
![](https://i.imgur.com/FpI8c60.jpg)

3. Click `Export`. Check the zip file which should contain images folder, which have tagged image in it, and data files (labels.json & pages.json):

![](https://i.imgur.com/Rxc72qR.png)
Files inside the images folder

4. Share tagged image in the folder with your colleagues.

<!-- ### How to show/hide and remove tags?

1. From the tags list, click on the tags to show/hide each of them:
![](https://i.imgur.com/wjQF5A9.jpg)

2. `Delete` button will appear when mouse hover-over a tag, click on the `Delete` button to remove the tag:

<!-- ### How to view colleague's annotations on an image?

1. When you receive an exported folder from your colleague, you can just launch the Media Tagger App to open the shared folder. You should see the images list with a popup says there are tagged images:-->

### How to import annotated files?
1. Click Import button
![](https://i.imgur.com/ddbkE5Z.jpg)

3. Select the zip file you exported early
:::warning
:bulb: **Hint**: Depend on the size of imported file it may take a few seconds
:::

### How to save an image with annotations?
1. Click on the `Snapshot` button, and select a place to save the snapshop image:

![](https://i.imgur.com/77lkoyU.jpg)

### How to modify label?
1. Click the icon near the "Labels" to enter the edit mode
![](https://i.imgur.com/7Mu3E9t.png)

2. Select the label you want to modify
![](https://i.imgur.com/iRg9uOg.png)

3. Modify the color or the title as you want
![](https://i.imgur.com/4tdb2QS.png)

4. Click Save

### How to create new Label?

1. Enter the Edit mode like the step of modifying the label
2. Click te "+ New Label" button to create new label
![](https://i.imgur.com/0V2zf0i.png)

