# Highlight Images

## Overview

The Graphics are based on the HGSS style for the Region Map. If you are using a different style, it might be that you might have to make your images a little differently or place them in the opposite folder as explained here.

Inside the Highlights folder you'll see these 2 folders:

<div align="left"><figure><img src="/files/R1rRqiBVriXRp51QP3qT" alt=""><figcaption></figcaption></figure></div>

You'll find this folder in:

* Graphics > Pictures > RegionMap > Highlights (v20.1)
* Graphics > UI > Town Map > Highlights (v21.1)

For this Guide I'm using the "Others" folder for locations like Cities, Town and certain Locations and the "Routes" folder for all Routes.

***

## Cities, Towns and Locations

Let's start with the "Others" Folder:

<div align="left"><figure><img src="/files/BVfJCuI5xPjjWXEmB11A" alt=""><figcaption><p>Others folder content</p></figcaption></figure></div>

These are the example Images I've provided with the Plugin and are free to use.&#x20;

The way of making your own is for all of them the same so we'll take "mapSize1x1.png" as an example.&#x20;

The name is not so important right now but following the same naming as the examples will make it easier later when editing the PBS file. In any case, the image's name always needs to start with "map".

<div align="left"><figure><img src="/files/0T4CmqM5uv0440S02rJi" alt="" width="375"><figcaption><p>mapSize1x1.png</p></figcaption></figure></div>

Important: The Image is 48x48, this is because as you can see, the red edge is exceeding the center tile.&#x20;

It is possible that for your Graphic style this isn't the case. If that's so then you can make them 16x16 (for a 1 by 1 location) and place them in the Routes folder instead.

***

## Routes

The difference with Routes is that they don't need those extra tiles since the red edge is not exceeding the center tiles.

<div align="left"><figure><img src="/files/u6Brgl8ipvYfR4ZqBH7z" alt=""><figcaption><p>Route folder content</p></figcaption></figure></div>

Let's look at the first one "mapRoute1.png"

<div align="left"><figure><img src="/files/pSKJzBBjtUle5aHDejdT" alt="" width="256"><figcaption><p>mapRoute1.png</p></figcaption></figure></div>

The Image has a grey stroke on the top and bottom because this part will overlap a part of the town/city above and below it.

Alternativly you could also remove this grey stroke of this image but you can't change the Image size itself because the placement on the map will not be correct anymore.

<div align="left"><figure><img src="/files/6nBIjA39g1DIJRcZnxhS" alt="" width="256"><figcaption><p>mapRoute1.png</p></figcaption></figure></div>

Both Images are 16x16 as Route 1 is only 1 tile big and will result into this on the Region Map:

<div align="left"><figure><img src="/files/Tq4k2sRP6RQQdEgzNwn5" alt=""><figcaption><p>Route 1</p></figcaption></figure> <figure><img src="/files/5OPLjNHZjgfgWrqCRa6x" alt=""><figcaption><p>Route 1 <br>Highlighted</p></figcaption></figure></div>

This is basically everything about making these images. It'll consume some time but it's a 1 time thing and the result is satisfying! :)&#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://arckytech.gitbook.io/arckys-region-map-guide/basic-set-up/highlight-images.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
