Skip to content

What is a saliency map?

A saliency map estimates which regions of an image are likely to draw the eye. Learn where the idea comes from, how models are evaluated and what the map cannot tell you.

By the Heatpoints team. Published . Updated . 4 minute read.

Try the image heatmap
Fictional Fieldnote landing page used as model inputUNISAL prediction over the same landing page
Teaching example, not a customer result. The page is fictional; the map was calculated with UNISAL. Colours show relative saliency within this image, not clicks or a gaze path. Read the method

A map of likely visual attention

A saliency map assigns a value to every location in an image. Higher values mark regions that a model expects to stand out and attract gaze during free viewing. Rendered in colour over the original, it becomes the familiar attention heatmap.

The word describes a prediction about the image, not a record of what a person did. No visitor clicked, scrolled or looked at your file to produce it. That distinction decides which questions the map can answer.

Where the idea comes from

Early computational models combined simple features such as colour, intensity and orientation contrast into a single saliency map. Itti, Koch and Niebur's 1998 model is a widely cited example of that approach: regions that differ strongly from their surroundings receive higher values.

Later models learn the mapping from large collections of eye-tracking and attention data. UNISAL, the model Heatpoints uses, is a lightweight encoder-RNN-decoder network trained to predict saliency for both images and video. Its authors report results on image benchmarks such as SALICON and MIT300.

References: Itti, Koch & Niebur (1998), IEEE TPAMI · UNISAL paper and implementation

How saliency models are evaluated

Researchers compare predicted maps with fixations recorded from participants who viewed the same images. Public benchmarks such as the MIT/Tübingen Saliency Benchmark hold back those fixations and score submitted models with several metrics, because no single number captures every aspect of agreement.

A good benchmark score means the model tends to agree with free-viewing fixations on that kind of image. It does not guarantee the same agreement on your interface, your audience or a task such as comparing prices.

References: MIT/Tübingen Saliency Benchmark

What a saliency map can support

Use it to review visual hierarchy before a design reaches people. It can suggest that a decorative illustration competes with the headline, or that a thumbnail's subject disappears into a busy background. Those are concrete observations you can check by looking at the original again.

It is also repeatable. The same image and settings produce the same map, so you can compare a controlled revision with its original and see where the emphasis moved.

  1. State which element should carry the message.
  2. Generate the map and name the elements under the strongest regions.
  3. Change one thing, such as size, contrast or crop.
  4. Compare the two maps and keep the observation, not a verdict.

What the model returns, and what you see

The model's output is a grayscale image at the size of the input: brighter means higher predicted saliency. The colours in a heatmap tool are added afterwards, by mapping that grayscale to a ramp from blue to red. The figure shows both for the fictional ad on this site. The colours are relative to that one image, so a red region on one map and a red region on another do not have the same absolute value.

Grayscale saliency map returned by the model for the fictional adThe same map coloured over the ad
What the model returns, a grayscale map at the size of the image, and what the tool shows, the same map coloured over the original.

References: Provenance of the ad and thumbnail experiments

Where UNISAL sits on the public benchmark

The MIT/Tübingen Saliency Benchmark scores submitted models against recorded fixations on the MIT300 images. The table gives the values for UNISAL, the model Heatpoints runs, for the best listed model and for a centre-bias baseline. UNISAL is far above the baseline on every metric and below the largest research model on every metric, with a 15.4 MB weights file that runs on a CPU.

MIT300 leaderboard values as listed by the MIT/Tübingen Saliency Benchmark. Higher is better except KL divergence.
ModelAUCsAUCNSSCCKL
UNISAL0.8770.7842.370.7850.415
DeepGaze MSDB, best listed0.8940.8162.740.8830.254
Centre-bias baseline0.7830.1301.100.4460.951
Bar chart of MIT300 leaderboard values
Four of the leaderboard metrics, from the benchmark's own listing.

References: MIT/Tübingen Saliency Benchmark · How accurate are AI attention heatmaps?

What it cannot tell you

A saliency map does not know what your words mean, whether the offer is trustworthy or what the viewer is trying to do. It has no information about order of viewing, reading or time spent. Warm colours are relative within one image, so they are not a percentage of people.

When the decision depends on behaviour, such as clicks, sign-ups or watch time, collect behavioural evidence. The map helps you decide which variant is worth putting in front of people; the audience decides which one works.

References: How Heatpoints calculates its metrics