Piano Image Export — Capture Keyboard Screenshots

Piano image export turns whatever is on the keyboard into a clean picture. Put a voicing, a scale or a fingering on the keys in The Ultimate Piano and export it — note names, finger numbers, highlights and your own arrows and circles included, at up to 4x resolution. One keystroke gives you the diagram that would otherwise take a graphics program and a very long time.

Use Capture to export chord charts, scale images and teaching examples for print, web, or presentations.

On this page

How to Capture a Piano Image

1. Set up the keyboard: click keys in Toggle Mode, or pick a chord or scale in Learning Mode
2. Click the camera button in the header — or press C on your computer keyboard
3. The image downloads straight away — by default as a .png file at 2x resolution. To change format or resolution, open Settings → Capture

The image shows exactly the keyboard range you see on screen, so set the octaves first if you want a narrower or wider picture.

Keyboard Capture — Everything in One Palette

For building an image from scratch, open Create → Keyboard Capture. This turns on Toggle Mode and opens the Capture tools palette:

• Take Keyboard Screenshot — exports the image (same as pressing C)
• Draw on the keyboard — switch it on to draw; switch it off to click keys again while your drawing stays in place
• 7 drawing tools — select, pen, highlighter, arrow, hand-drawn circle, text and eraser
• 6 colors — red, blue, green, orange, yellow and black
• Undo and Remove drawing

You can drag the palette anywhere on the screen. Closing it keeps Toggle Mode on. Once Toggle Mode is active, the pencil button in the header opens the palette again.

What You Can Capture

Chord Images

Use Learning Mode for quick chord captures:

1. Select a root note and chord type (e.g., Cmaj7, Dm, G7)
2. Choose a hand — RH or LH — to show the finger numbers
3. Press C to capture — done

Tip: Need images for an entire chord progression at once? Use the Progression Generator to create all chords of a progression with one click.

Scale Images

1. Open Learning Mode and select one of the 14 scale types (Major, Minor, Pentatonic, Blues, Modes, etc.)
2. The scale lights up over 1 or 2 octaves, with fingering for the hand you choose
3. Press C to save the scale image

Custom Highlights

Use Toggle Mode to build any keyboard screenshot yourself:

• Click individual keys to highlight them — they stay lit until you click again
• Build up any pattern: intervals, custom voicings, exercise patterns, or teaching examples
• Assign finger numbers (1–5): click a key, or hover over a highlighted key, and press a number
• Draw arrows, circles and short notes onto the keys with the Capture tools — see Visual Tutorials
• Press C when your image looks right

Customize Before Capture

Before capturing, adjust the display to create the perfect keyboard screenshot:

• Note Names — Show or hide note labels on the keys
• Highlight Colors — Pick a default and a secondary highlight color in Settings → Display → Keys; Learning Mode marks the root of a scale in the secondary color
• Octave Range — Focus on a specific register or show a wide range of the keyboard
• Finger Numbers — Display fingering (1–5) below the keyboard

Capture Piano Keys — Who Uses It?

• Piano Teachers — Capture chord and scale images for lesson handouts
• Music Book Authors — Add keyboard images to method books, worksheets and e-books
• Bloggers & Educators — Illustrate online piano tutorials with clear keyboard screenshots
• Social Media Creators — Share chord progressions, practice tips, or music theory visuals
• Streamers — Create keyboard graphics for video streams and tutorials
• Students — Save the chords and scales you are working on

Keyboard Screenshot — Export Settings

Customize the output in Settings → Capture:

Quick Presets

3 preset buttons set format and resolution in one click:

• Web — PNG at 2x, ideal for websites, blogs, and online lessons
• Print — PNG at 4x, high resolution for e-books, handouts and worksheets
• Social — JPG at 2x, for social media posts

Change format or resolution by hand and your own combination is kept as a custom setting.

Piano Image Export — What's Included

Each captured keyboard screenshot includes:

• Keyboard — The visible keys with current highlights and note names
• Note Names Bar — The names of the highlighted keys above the keyboard
• Info Bar — Finger numbers below the keyboard
• Your drawing — Arrows, circles, text and highlighter marks you drew on the keyboard
• Branding Badge — A small "made with the-ultimate-piano.com" badge in the bottom-right corner

Branding Badge

Switch the badge off or replace its text with your own name under Settings → Branding → Capture Branding. See White Labeling for details.

Tip: For the best results, turn on note names, add finger numbers, and capture at 2x or higher for crisp images on any screen.

Frequently Asked Questions

How do I use the piano image export?

1 keystroke: press C on your computer keyboard, or click the camera button in the header. The piano image export downloads straight away with all highlights, note names, finger numbers and drawings — by default as a PNG file at 2x. The 3 formats (PNG, JPG, WebP) and 4 resolutions can be changed in Settings → Capture.

Can I draw on a keyboard screenshot?

Yes. Open Create → Keyboard Capture and switch on Draw on the keyboard. 7 tools — select, pen, highlighter, arrow, hand-drawn circle, text and eraser — in 6 colors put your marks right on the keys, and every keyboard screenshot includes them.

What export settings should I use to capture piano keys for print?

4x resolution — pick the Print preset, which exports PNG at 4x for high-resolution handouts, worksheets and e-books. For web use, the Web preset exports PNG at 2x for crisp images at smaller file sizes.

Ready to try it?

Open The Ultimate Piano in your browser — no download needed.