# guide on preparing assets

*Article written by the DIG-IT team*

In order to publish a digital version of your paper map, you’ll need to prepare a few graphical assets and upload them to dedicated sections of the map creator interface. These assets will later be used to display your digital map online. Below is a list of assets that need to be uploaded, divided into mandatory and optional ones.

## Optimized map cover <sup><sub>(required)<sub></sup>

Will be displayed on the website (e.g. cities subpage)

* .jpg or .jpg file&#x20;
* max 500kb,
* 1:1 aspect ratio&#x20;
* RGB color profile
* min 1000x1000px resolution

in Project & Organization → Your project

## Web-optimized .JPG of the paper map <sup><sub>(required)<sub></sup>

Will be displayed in the archives section of the use-it.travel website after membership runs out

* .jpg file
* max 10mb.
* no print marks
* RGB color profile
* resolution should be as high as possible within the 10mb constraint.

in Project & Organization → Your project

## Print-ready .PDF of the paper map <sup><sub>(required)<sub></sup>

Print-ready version of your map

* .pdf file
* all necessary markings
* CMYK color profile

in Project & Organization → Your project

## Base layer of the map <sup><sub>(required)<sub></sup>

Will be used as a base layer for displaying your digital map. Multiple assets can be uploaded depending on number of map views on paper map

* .png or .jpg.
* max 15mb,
* resolution should be min 1000x1000px
* without any spots and routes, but with all public transit info, famous buildings icons as well as any stamps (POIs) that are not map spots.
* RGB color profile

Digital map module, when creating a new map tile

{% hint style="info" %}
[SEE AN EXAMPLE](https://drive.google.com/drive/folders/1-Ux1TkNHFA_MCl_P39gnrEgt39H55KTP?usp=drive_link)
{% endhint %}

## Category icons <sup><sub>(required)<sub></sup>

Category-specific icons that will be displayed as markers on the digital map

* .png or .jpg files
* max 500kb
* separate .png or .jpg files for every category icon
* RGB color profile

{% hint style="info" %}
[SEE AN EXAMPLE](https://drive.google.com/drive/folders/1nQ-vMok9r9-n_IubnK3QSnw-yiiFXzk8?usp=drive_link)
{% endhint %}

## Original section files <sup><sub>(required for mandatory sections)<sub></sup>

Separate assets for each content section (e.g. act like a local) that are 1:1 with how this section looks on the paper map. Are displayed alongside the responsive section or instead of it if not defined. Map user can open them from the city info menu and then by clicking “see original section” buton

* preferably .svg, but .jpgs (or .pngs if original section was with transparent background”
* resolution should be min 1000x1000px
* max 10mb
* RGB color profile

{% hint style="info" %}
[SEE AN EXAMPLE](https://drive.google.com/drive/folders/1o4USLP7CuyUX9fvvM1zieZZw9SfvDDzU?usp=drive_link)
{% endhint %}

## Route images <sup><sub>(optional)<sub></sup>

Asset that contains only the route line (path) and no background. Will be displayed on top of the base map after map user enables the display of a certain walk.

* .png with transparent background
* max 5mb
* RGB color profile
* should contain only the route path and transparent background and no walkrelated map spots

{% hint style="info" %}
[SEE AN EXAMPLE](https://drive.google.com/drive/folders/10bepWOQz-2wI1Vce1IzLSrwM9NV4G1R7?usp=drive_link)
{% endhint %}

***

{% hint style="success" %}
*READ MORE*\
→ [The User Manual](https://drive.google.com/file/d/1_gfmkmel3Yu24k74mi6fRYpH_CwmWAQQ/view?usp=drive_link) by DIG-IT team
{% endhint %}


---

# 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://use-it.gitbook.io/use-it-wiki/map-design/digital-map/guide-on-preparing-assets.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.