Visual Optical Computer Vision Tool

Morse Code Image Decoder: Decode Morse from Pictures, Photos & Screenshots

If Morse code is trapped inside a picture, manually copying every dot and dash can be frustrating. Upload a photo, screenshot, scan, or graphic containing visible Morse marks. Our client-side optical engine binarizes pixels, detects dots and dashes, exposes the editable intermediate Morse, and converts it into clean readable text.

100% Client-Side Privacy (0 Server Uploads)
Instant HTML5 Canvas Pixel Binarization
Editable Intermediate Morse Inspection
Interactive Morse Image Decoder
HTML5 Canvas Vision Engine

Upload any image (PNG, JPG, WEBP) or screenshot. Adjust binarization threshold and polarity controls to inspect extracted dots, dashes, and spacing in real time.

Click or Drag Photo / Screenshot Here
Supports PNG, JPG, WEBP, or Clipboard Paste
Try Sample:
Extracted Morse Sequence (Editable)
Decoded Text Translation
Upload or select a sample image above to decode...

How to Decode Morse Code from an Image

Visual optical decoding requires converting pixels into physical signal durations. A reliable workflow follows six distinct stages:

1. Upload & Crop

Select a photo, screenshot, or scan. Crop tightly around the Morse line to remove unrelated text or graphics.

2. Threshold Binarization

Adjust the threshold slider to separate dark Morse marks from the background, creating high-contrast black-and-white shapes.

3. Mark Classification

The computer-vision engine measures run lengths. Short marks become dots (.); longer marks become dashes (-).

4. Gap Analysis

Spaces between marks are analyzed to distinguish intra-character gaps, 3-unit letter gaps, and 7-unit word spaces (/).

5. Review Extracted Morse

Inspect the intermediate Morse textarea. If lighting or blur misread a dot as a dash, edit the symbol directly.

6. Translate & Copy

The cleaned Morse sequence is mapped against International Morse Code, producing final readable text output.

What Is a Morse Code Image Decoder?

A Morse code image decoder is a specialized utility that extracts visual Morse patterns from photos, screenshots, scanned documents, tattoos, puzzle clues, and ARG graphics, translating those visual marks into human-readable text.

International Morse Code is maintained under ITU-R Recommendation M.1677-1, which specifies precise ratio relationships between dots, dashes, and inter-element pauses. In digital images, these timing relationships manifest as physical pixel widths.

Standard ITU Morse Ratio Standard

  • Dot (Dit): 1 unit of physical length (or duration).
  • Dash (Dah): Exactly 3 units of physical length.
  • Element Gap: 1 unit pause between dots/dashes within the same letter.
  • Letter Gap: 3 units pause between separate letters.
  • Word Gap: 7 units pause between separate words.

What Does an Image Morse Decoder Actually Read?

Morse code inside images generally falls into two distinct categories. Understanding the difference determines whether computer vision or text OCR is required:

1. Graphic Dots & Dashes (Visual Shapes)

The image contains printed, drawn, or engraved visual marks like circles, bars, or lines:

... --- ...

Recognition Method: Visual shape detection. The engine analyzes aspect ratios, bounding box widths, and pixel horizontal gap counts to classify dots vs. dashes.

2. Typed Morse Text Characters

The image contains printed text characters (periods, hyphens, slashes) forming Morse strings:

.... . .-.. .-.. ---

Recognition Method: Optical Character Recognition (OCR). Standard OCR models (e.g. Tesseract.js) recognize periods and hyphens as ASCII text, which are then passed to the Morse engine.

How Image-Based Morse Decoding Works (Technical Pipeline)

Client-side computer vision decodes images through a multi-stage image processing sequence:

  1. Image Loading & Canvas Rendering: The user selects an image file. The browser renders pixels onto an off-screen HTML5 Canvas context.
  2. Grayscale Conversion & Contrast Enhancement: RGB color channels are collapsed into luminance using the standard ITU formula: Y = 0.299R + 0.587G + 0.114B.
  3. Binarization Thresholding: Every pixel luminance value is evaluated against the threshold slider (default 128). Pixels below threshold become black (foreground mark); pixels above become white (background).
  4. Horizontal Scanline Analysis: The engine scans horizontal pixel rows across the median region of the image, recording continuous black pixel run lengths and white gap lengths.
  5. Cluster Classification (Dot vs. Dash): The minimum and maximum mark lengths are computed. Mark lengths exceeding the mid-point threshold are classified as dashes (-); shorter runs become dots (.).
  6. Gap Segmentation & Morse Formatting: White pixel runs are evaluated against the minimum dot width. Gaps exceeding 2× min dot width insert character spaces; gaps exceeding 5× insert word slashes (/).

Which Images Work Best? (Quality Checklist)

Optical detection accuracy depends directly on image clarity. Follow this practical checklist before uploading:

Ideal Input Conditions (High Confidence)

  • PNG digital screenshots with sharp vector edges.
  • High-contrast black marks on solid white background (or vice versa).
  • Straight, level horizontal alignment (no severe tilt).
  • Clearly visible physical spaces between dots and dashes.
  • Tightly cropped image focusing exclusively on the Morse line.

Challenging Conditions (Requires Adjustment)

  • Blurry photos with heavy JPEG compression artifacts.
  • Photographs featuring harsh shadows, lens glare, or flash reflections.
  • Tattoos on curved skin surfaces shot at sharp perspective angles.
  • Handwritten Morse with irregular stroke weights or merged dots.
  • Decorated wallpapers or multi-line paragraphs with overlapping graphics.

Why You Should Review the Detected Morse

Automated visual recognition should never operate as an uninspectable black box. A minor image artifact or shadow can easily cause a single dot (.) to be misread as a dash (-).

Example: How a Single Mark Misread Changes Meaning

Original Image Morse:
.... . .-.. .-.. ---
Decodes correctly to: HELLO
Misread Dash (Shadow):
.... - .-.. .-.. ---
Decodes incorrectly to: HTLLO

By providing an editable intermediate Morse textarea, our decoder lets you quickly spot and fix the single misread character without having to re-process or re-upload the entire image.

Special Use Cases: Screenshots, Tattoos & ARG Puzzles

Decoding Screenshots & Gaming ARGs

In-game clues, video game puzzles, and alternate reality games (ARGs) frequently embed Morse code in screenshots or UI graphics.

  • Save screenshots directly as lossless PNG files.
  • Crop out health bars, minimaps, or unrelated dialogue boxes.
  • If the Morse is rendered in light neon colors on a dark background, check Invert Polarity.

Decoding Morse Code Tattoos

Morse code is a popular choice for personal tattoos on wrists, forearms, or ribs.

  • Photograph the tattoo straight-on under bright, diffused lighting.
  • Flatten the skin naturally to prevent curvature distortion.
  • Review the extracted dot/dash sequence against our Morse Alphabet Chart to confirm accuracy.

Image Decoder vs. Text Decoder vs. Audio Decoder

Select the correct tool based on the physical source of your Morse code material:

Source MaterialRecommended ToolPrimary Feature
Photo, Screenshot, Tattoo, ScanMorse Code Image DecoderPixel binarization & shape detection
Typed Dots & Dashes (.-.-)Morse Code DecoderDirect Morse-to-Text conversion & auto-detection
Plain English TextEnglish to Morse CodeText to Morse generator with sound export
Audio Recording, WAV/MP3, MicMorse Code Audio TranslatorDSP Goertzel tone filter & mic listener
Single Character LookupsMorse Code AlphabetA–Z reference chart & prosign audio samples

How to Decode a Morse Code Image Manually (Fallback Method)

If an image is too blurry or damaged for automatic computer vision, you can quickly transcribe and decode the message manually using this step-by-step fallback process:

  1. Identify Mark Shapes: Examine each visual symbol. Write down a period (.) for short dots and a hyphen (-) for elongated dashes.
  2. Mark Letter Spaces: Identify gaps between symbol groups that are roughly 3× the width of a dot. Insert a single space between letter groups.
  3. Mark Word Spaces: Identify wider gaps that are roughly 7× the width of a dot. Insert a forward slash (/) to separate words.
  4. Paste Clean Morse into Text Decoder: Copy your typed Morse string into our Morse Code Decoder to instantly convert it into English.

Frequently Asked Questions About Image Morse Decoding