Overlay Generator
The Overlay Generator turns your dive log into a transparent PNG overlay that you can drop onto videos or photos in any editor. It reads real dive-computer files (.fit, .uddf, .ssrf), extracts the depth profile, gases, temperature, deco stops and more, and renders a polished graphic in the aspect ratio of your choice — 9:16 for Reels/TikTok/Stories, 1:1 for the Instagram feed, or 16:9 for YouTube.
The Overlay Generator is free for all users with no usage limits. Everything runs locally in your browser — your dive files never leave your device.
Import formats
Drop a dive log file and every relevant field auto-fills. Three formats are supported:
.fit— Garmin Descent, Shearwater Petrel/Perdix/Teric, Suunto EON series.uddf— Universal Dive Data Format, exported by many desktop log applications and older wrist computers.ssrf— native Subsurface log format
Each parser extracts max/average depth, runtime, temperature, gas mixes, deco-stop history (when the source records it) and the full sample-by-sample depth profile used to draw the curve.
If your computer only exports a proprietary format, import the file into Subsurface first and export as .ssrf or .uddf. Fields can also be filled manually if you don't have a digital log.
Format & aspect ratios
Pick the output canvas to match your target platform:
| Format | Ratio | Use for |
|---|---|---|
| Portrait | 9:16 | Instagram Reels, TikTok, YouTube Shorts, Instagram/Facebook Stories |
| Square | 1:1 | Instagram feed posts |
| Landscape | 16:9 | Standard YouTube edits, desktop montages |
The overlay renders at the same physical resolution regardless of ratio (~1080p tall) so it stays sharp when scaled by your editor.
What can be shown
Every field has a visibility toggle (the checkbox next to the label). Toggle a field off and it disappears from both the preview and the exported PNG — the layout reflows automatically, so removing a line never leaves a gap.
Context
- Date
- Dive name (site, wreck, notable feature)
- Location
- Dive number
- Buddy
Dive metrics
- Max depth, average depth
- Runtime
- Minimum temperature
Gases & consumption
- One or more gas mixes (Air, EAN%, or trimix O₂/He)
- SAC / RMV rate
Decompression
- Deco stops (depth × duration)
- Full dive profile curve (only available when a log file is imported)
Styling
Three color controls give you full flexibility to match your footage or brand:
- Accent color — icons and the horizontal accent line under the title
- Text color — labels, values and the buddy line
- Profile color — the depth curve (only visible when a profile is imported)
Optionally, a subtle dark gradient can be enabled behind the info band to boost text readability over bright or high-contrast footage.
Export behavior
The exported file is a true PNG-32 with alpha channel. Only the info band at the bottom of the canvas contains pixels — everything else is fully transparent. The exporter also crops the file tight to the band, so you get no useless empty rows: file sizes stay small and positioning in your editor is trivial.
Drop the PNG straight onto your GoPro or drone footage in DaVinci Resolve, Premiere, Final Cut, CapCut, Instagram/TikTok editors, or any photo app — the background stays perfectly transparent.
Privacy
All parsing and rendering happens in your browser: the .fit/.uddf/.ssrf file is read locally with JavaScript, converted to internal dive data, and rendered to SVG. No dive log is ever uploaded to any DiveToolbox server. After the page loads once, the generator keeps working offline.
This matters if your logs contain GPS coordinates of dive sites you'd rather keep private — nothing you import ever gets sent anywhere.
The overlay is a visual companion for your dive footage — not a replacement for a real dive log. Keep your actual dive records in Subsurface, your dive-computer's app, or your certifying agency's logbook. Values shown on the overlay reflect whatever the source file (or your manual input) recorded, and the generator does not verify or re-compute them.