Skip to main content

Add Tiled Imagery to Your Project (TMS and XYZ)

Learn how to upload Cloud-Optimized GeoTIFFs and XYZ tilesets for use as background imagery in Swyvl

Updated over a week ago

What Is Tiled Imagery?

Tiled imagery is a way to display large raster images (like orthophotos or maps) by breaking them into smaller square tiles that load dynamically as you zoom in and out. This helps keep your map fast and responsive.

Swyvl supports two common tile formats:

  • TMS (Tile Map Service): Upload as a .zip file with tiles arranged in TMS directory structure.

  • XYZ Tiles: Upload as a .zip file with tiles in the standard XYZ format.

Both types are added through the Imagery tool in the Toolbar, and function the same once added.

Did you know that TMS and XYZ tiles are very similar and the difference between them comes down to how they reference the Y axis? They contain the same tiles, but the Y axis is flipped!

Step 1: Prepare Your Tiled Imagery

Ensure your tiles are packaged correctly:

  • File format: .zip

  • Directory structure: Must follow either TMS or XYZ tiling format

  • Folder contents: Should include zoom-level folders (e.g. /10/512/384.png)

  • Projection: Use Web Mercator (EPSG:3857) for best compatibility

Tip: If you're unsure which format you have, check with the tool or software used to generate your tiles. Or just upload it and see what happens!

Step 2: Upload the Imagery

  1. Open your Project in the Builder

  2. From the Toolbar, click on Imagery

  3. Choose TMS Tiles or XYZ Tiles

  4. Upload your .zip file

Once uploaded, your imagery will appear on the map automatically.

Step 3: Adjust Placement (if needed)

Most tiled imagery will be georeferenced correctly and automatically positioned. If not, you can:

  1. Click the imagery layer in the Project Data Sidebar

  2. Open the Properties Panel

  3. Go to the Placement tab

  4. Click to Flit Tile Latitude - sometimes that will fix incorrect placement.

Please note that if the placement is still correct, you will need to update that information in your original .zip file. It is not possible to manually adjust or reposition Tiled Imagery in Swyvl.

Step 4: Manage Your Imagery Layer

  • Toggle visibility on/off from the Sidebar

  • Adjust transparency in the Styling tab of the Properties Panel

  • Rename or delete the layer anytime

Supported File Types

Type

File Extension

Description

TMS Tileset

.zip

Tile Map Service format

XYZ Tileset

.zip

Standard XYZ tile format

πŸ“Œ Once uploaded, both TMS and XYZ behave the same inside Swyvl.

Tips & Notes

  • Don't know if you have TMS or XYZ? Upload your .zip file as either and see what happens! If the file is in wrong location on the map, you can flip the tile latitude in the Properties Panel Placement tab.

  • Performance: Tiled imagery loads quickly even for large areas β€” ideal for drone orthomosaics or historical maps.

  • Workspace-wide reuse: Imagery layers are stored as Resources and can be reused across Projects in the same Workspace.

Did this answer your question?