Overlay Tab – Add Media & Layout

To add Overlay graphics to your program feed, navigate to the Overlay tab in the main menu.

Before you start, transfer some PNG graphics onto your SD Card.
Note: The maximum file size for individual PNG files is 1 Megabyte, and the maximum resolution is 1920 x 1080.

After you transferred your overlay graphics to the SD card, insert it into the SD card slot on the right side of the ZATO CONNECT.

Add Media:

In the Overlay tab, start in the Add Media submenu, where you can load up to 8 PNG graphics into the ZATO's media slots.

To add an overlay graphic to a media slot, you first need to select the slot you want to load the graphic into.

Once selected, press Browse Files, which opens up the file browser, allowing you to navigate the folder structure of your SD Card. When you're in the folder containing your PNG graphics, double-tap the file you want to load. A popup will open, asking you if you want to upload this graphic to the previously selected media slot. If you press Proceed, the upload will start, with a loading indicator displaying the progress. Once uploaded, close the confirmation message by pressing Ok.

The process is identical for the remaining media slots, so you'll have to repeat this procedure seven more times if you want to fill them all up.

Note: To reset/remove all overlay graphics from the ZATO's internal storage, press the Reset button and confirm the prompt that pops up afterward.

Layout:

Now that you have loaded your graphics into the media slots, press the Layout tab in the shelf menu on the left, which grants full access to the overlay configuration options. The Layout tab is operated from left to right and consists of three columns: Layout, Overlay Position, and Media Slots.

Before you can add an overlay graphic to your image, you need to create a preset. Press on the Preset you want to use and then on Edit, allowing you to configure it freely and to your liking.

Next, select the Overlay Position you want to assign a PNG graphic to.

After that, select the graphic you want to use from the Media Slots on the right and press Save.

Repeat this step for all the other overlay graphics you want to add to this particular preset. Once all the position assignments are completed, you may apply the preset to your image by pressing the Apply button in the bottom right corner of this menu.

Once the Apply button is pressed, it changes its state to Hide, so if you press it again, it will hide all overlays currently applied to the image.

To configure another preset, select it from the Presets section on the left and repeat these steps.

Note: By selecting a preset and pressing Reset, you can remove all position/graphics assignments and start fresh.