Skip to content

Help

About

Clear, consistent thumbnails help users recognize ArcGIS Online items before they click. This tool builds them to City of San Diego design standards. Templates cover City departments (Stormwater, Transportation) and SanGIS, the San Diego regional GIS agency.

On item thumbnails, the vertical band on the right (the "sidebar") labels the ArcGIS item type — Web Map, Dashboard, Survey, and so on — so people can identify content at a glance.

City Design Standards: sandiego.gov/communications/design

Query Parameters

Add any of these to a page's URL to preconfigure it. The "Copy link" button on each builder generates one of these URLs for you. Parameters marked item apply only to the Item Thumbnail page.

Parameter Applies to Description Values Example
background both Background image URL URL https://path.to/background.jpg
logo both Logo image URL (transparent PNG recommended) URL https://path.to/logo.png
title both Title text String My Title
titleColor both Title bar color r,g,b,a 0,152,219,0.9
category item Sidebar label (ArcGIS item type) String Web Map
sidebarColor item Sidebar color r,g,b,a 255,160,47,0.9
logoScale both Logo size multiplier (default 1) Number 1.6
logoStroke both White outline width in px for busy backgrounds (default 0) Number 1.5
theme both Force light or dark mode light | dark dark

See Example:

index.html?background=./img/background/cosd_background.jpg&logo=./img/logo/cosd_logo.png&title=San%20Diego%20Geospatial%20Services&titleColor=0,152,219,0.9&sidebarColor=255,160,47,0.9&category=Web%20Map

Contact

Questions or suggestions? Please open an issue in the COSD fork: cosd-arcgis-thumbnail-builder.

Attribution

This project is a fork of ArcGISThumbnailBuilder by Joshua Tanner (Oregon Geospatial Enterprise Office). All credit for the original concept and implementation goes to the original author. The City of San Diego customization focuses on organizational design standards.