Diff · +/− hunks · PNG + SVG

Make your diffs review-ready.

Paste a unified diff and Codeshot colors added and removed lines, hunk headers and file paths into a clean image — made for pull requests, code reviews and changelogs.

Code Terminal API Logs Schema SQL Regex Git Tree Env Session Milestone HTTP Diff Tests ASCII Tree Metrics

Theme

Backdrop

Font

Padding48pxSize15px

Title

changes.diff

diff --git a/app/lib/export.ts b/app/lib/export.ts
index 2b1c9f0..8d4e7a1 100644
--- a/app/lib/export.ts
+++ b/app/lib/export.ts
@@ -10,7 +10,8 @@ export async function exportPng(node, name) {
   const url = await toPng(node, options);
-  triggerDownload(url, name + ".png");
+  triggerDownload(url, `${name}.png`);
+  return url;
 }

diff --git a/app/lib/export.ts b/app/lib/export.ts
index 2b1c9f0..8d4e7a1 100644
--- a/app/lib/export.ts
+++ b/app/lib/export.ts
@@ -10,7 +10,8 @@ export async function exportPng(node, name) {
   const url = await toPng(node, options);
-  triggerDownload(url, name + ".png");
+  triggerDownload(url, `${name}.png`);
+  return url;
 }

Click the content to edit it directly. Adjust the controls, then export.

What is the Git Diff generator?

A git diff image tool colors added and removed lines, hunk headers and file paths so a change is reviewable at a glance. Drop a focused diff into a pull request, a code review or a teaching thread without sharing your whole screen.

Codeshot is free and runs entirely in your browser — no account, no watermark, and nothing you paste is uploaded. Export a retina PNG or a scalable SVG, or copy the image straight to your clipboard.

When to use it

Pull requests and code reviews
Before/after teaching examples
Changelogs and release notes
Refactor and migration write-ups

Why use Codeshot for git diff image?

Added & removed coloring

+ lines turn green and − lines red, with hunk headers and file paths styled apart.

Review & PR ready

Share a focused change as an image in a review, an issue or a thread.

Any diff format

Works with git diff, GitHub patches and unified diffs from any tool.

How to turn a git diff into an image

01
Paste the diff
Drop in the output of git diff or a patch.
02
Frame the shot
Pick a theme, backdrop and font.
03
Export & share
Save a PNG or SVG, or copy to clipboard.

Git Diff — frequently asked questions

Which diff formats work?+

Unified diffs — git diff, git show and standard patches. Added (+), removed (−), hunk (@@) and header lines are all styled.

Can I show a multi-file diff?+

Yes — paste as many files and hunks as you like; the window grows to fit the change.

What can I export, and is it free?+

Export a high-resolution PNG or a scalable SVG, or copy straight to your clipboard. Codeshot is completely free — no account, no watermark, no limits.

Explore all 17 Codeshot tools

One studio, 17 focused generators — each with its own controls, content and look.

Code Snippet→Terminal Window→API Response→Error & Log→Database Schema→SQL Query→Regex→Git Commit→Project Structure→Environment Variables→Terminal Session→Developer Milestone→HTTP Request→Git Diff●Test Results→ASCII Tree→Performance Metrics→