GPX Overlay Logo
How GpxOverlay works
Back

Tutorial How to Use Overlays

2025-04-24
Tutorial How to Use Overlays

1. Download a .gpx file

  • Get your .gpx file from Strava, Garmin Connect, or any app you use to track your activities.
  • You can also extract the .gpx from your video if you have a camera with GPS (like a GoPro, Insta360, or DJI Osmo Action).
  • The .fit format is not supported.

2. Generate the overlay

  • Open the GpxOverlay App.
  • Upload the .GPX file you downloaded.
  • Choose a desired timeframe or select a video from your disk for which you want to generate the overlay. Synchronization with your video
    • The photo below shows auto-synchronization (green lines) and manual synchronization (blue lines).
  • When you want to choose the timeframe manually, use the time on the X-axis, speed, or altitude to find where the video started or finished.
  • Choose your settings and widgets.
    • You will only see digital widgets for the data available in your .gpx file.
    • Disabled PRO widgets mean you don't have the necessary data available in your .gpx file.
    • If you don't have the PRO version and use PRO widgets, a watermark will be shown.
    • For a list of all widgets, look here: Widgets list
  • Settings:
    • FPS: This determines how smooth the video looks. 5fps is sufficient for digital widgets because there is no animation. If you use PRO widgets, you might prefer using 20fps. This is good enough even if your video is 60FPS.
    • Video (recommended) or Photo Sequence: Use the video format as it's easier and quicker to work with. If you choose Photo Sequence, you will need to adjust the FPS of the photo sequence clip in your video editor.
  • Leave your email.
    • The email is requested just in case you encounter any issues. I'll try to help you personally.
  • Download the overlays.
  • Leave your feedback! GpxOverlay manual overlay synchronization

3. Merge the overlay with your video

  • Import the overlays into your video editor.
  • Synchronize based on the metadata. You can also use autosync: here.
  • You can also duplicate the overlay a few times, crop the widgets, and place them over your video.

For Video format (recommended):

  • NOTE: In macOS or Windows video players, the overlay video might not be visible, but it will work correctly in your video editor.
  • At the very bottom, there is metadata that allows you to synchronize the overlay with your video. You can crop this in your video editing tool.
  • Sync the overlay by noting the time when you started recording your video.

For Photo Sequence format:

  • At the very bottom, there is metadata that allows you to synchronize the overlay with your video. You can crop this in your video editing tool.
  • You'll get the local time the exact frame refers to.
  • If your video has 60FPS, slow down the overlay to 0.08333 of its speed, or use a different value listed.
    • If you use a different frame rate, calculate it like this: Let's say you have 24FPS. 5/24 = 0.20833.
    • NOTE: In DaVinci Resolve 19, you have to set up the frame rate for the video sequence. Pick the rate you used here (5 or 10 fps). You don't need to slow down the clip in this case.
    • NOTE 2: Some video editors might have a similar option. Set the frame rate for the photo sequence instead of changing the clip speed.
  • To synchronize the video, check what time the video started.
    • Tip: If you see a watch or bike computer in the video, you can use its time.
  • Double-check that the video is synced by going to the end and ensuring both times (video and overlay) match.
  • Done! Render the video.
  • Share the video with me! I would love to see what you've created!

Sample videos:

Back