← All posts

March 3, 2025

How to Add Activity Stats to Your Cycling Photo

A complete guide to overlaying your ride data — distance, speed, elevation, and more — directly onto your cycling photos. Free, no app install needed.

After a great ride, the photo tells half the story. The other half is the data — the climb you ground through, the average speed you held, the kilometers you put in. Overlaying your activity stats directly onto your cycling photo turns a good image into a complete story.

This guide shows you how to do it for free, in your browser, using Stamptivity.

What You'll Need

  • A GPX file from your ride (from Strava, Garmin, Wahoo, Komoot, or any GPS device)
  • A photo from your ride (optional — you can also export a transparent PNG)
  • A browser on desktop or mobile

Step 1: Get Your GPX File

Your cycling computer or phone likely synced the ride to one of these platforms. Follow the relevant guide to download your GPX:

Step 2: Upload the GPX to Stamptivity

Go to Stamptivity and drop your .gpx file onto the upload zone, or click to browse for it.

Stamptivity reads the file entirely in your browser — nothing is sent to any server. Your activity data is yours.

Click Open Editor to proceed.

Step 3: Choose a Template

Five built-in templates are optimised for different ride styles:

  • Climb — Stats stacked at the top, route map in the middle, elevation profile chart at the bottom. Great for mountain stages.
  • Sprint — Side-by-side layout with stats on the left and map on the right. Works well for flat criteriums.
  • Aero — Full-canvas map with stats overlaid at the bottom. Minimal, dramatic look.
  • Runner — Pace-focused layout, works for cycling too if you want a stripped-back look.
  • Hiker — Elevation-first layout with elevation profile chart at the bottom. Well suited to long endurance rides with big climbing.

You can also customise any template — drag widgets, resize, rotate, change accent colour, and adjust fonts.

Step 4: Add Your Photo

Click the canvas area and upload a photo — a shot from the ride, a finish line photo, or a landscape from the route. The photo becomes the background, with your stat widgets layered over it.

Adjust the image overlay slider to darken the photo and make your stats more readable.

If you don't have a photo, you can skip this step and export as a transparent PNG — useful for placing the overlay on a photo in another app.

Step 5: Pick Your Stats

In the Elements panel on the right, add or remove stat widgets:

  • Distance — total ride distance in km or miles
  • Speed — average speed
  • Elevation — total elevation gain
  • Time — total ride duration
  • Heart Rate — average or max HR (if recorded)
  • Cadence — average cadence (if recorded)
  • Map — your GPS route drawn on a canvas
  • Elevation Chart — elevation profile plotted as an area chart over distance

Click any stat button to add it to the canvas. Click it again to select and reposition it.

Step 6: Choose an Aspect Ratio

Switch to the Canvas tab and pick a ratio matching your intended platform:

  • 1:1 — Instagram feed (square)
  • 4:5 — Instagram feed (portrait, maximum screen coverage)
  • 9:16 — Instagram Stories or TikTok
  • 16:9 — YouTube thumbnail or Twitter/X
  • 3:2 — standard print or Strava photo

Step 7: Export

Click Download JPG to save your image with the photo background, or Download PNG for a transparent overlay you can drop into any photo editor.

Tips for the Best Result

  • Darkening the photo slightly (20–40% overlay) makes stats readable without obscuring the image
  • Use text shadows on widgets for extra contrast on bright photos
  • The Accent Colour in the Canvas panel changes the highlight colour across all widgets at once — orange, sky blue, track green, and more
  • Save your layout as a Preset (in the Templates panel) to reuse it on future rides without starting from scratch

Ready to stamp your activity?

Upload your GPX file and create a stunning activity stats overlay in seconds. Free, no account required.

Try Stamptivity →