Free website heat map generator

See what attracts attention on your website.

Upload a website screenshot and turn its visual signals into a clear attention map you can inspect and download.

Runs in your browserNo email requiredDownloadable result

Add the page visual

Upload a website screenshot.

A homepage, landing page or individual section can be analysed.

What the colours mean

A quick view of visual competition.

01

Warm areas

Red, orange and yellow identify stronger combinations of contrast, colour and visual detail.

02

Cool areas

Blue and green show quieter regions that may receive less immediate visual attention.

03

Context matters

A prominent area is not automatically effective. The message, action and visitor intent still determine whether it works.

Use it as a diagnostic

Look for hierarchy, not maximum heat.

A useful page guides attention in a deliberate order. Too many equally prominent elements can make the next action harder to understand.

Hero messageCan visitors notice the main promise before secondary details?
Primary actionDoes the intended CTA carry enough visual weight?
ProofAre testimonials, results or client evidence easy to discover?
Page flowDoes attention move through the page instead of stopping in one crowded area?

Website heat-map questions

Know what this prediction can—and cannot—show.

Review a page with us
How does this website heat map work?

The tool analyses visual contrast, colour saturation, edge density and page position in the screenshot. It combines those signals into a visual-salience estimate showing areas that are more likely to attract attention.

Is this real eye-tracking data?

No. This is a predictive visual heat map, not observed visitor behaviour. Confirm important decisions with analytics, recordings, usability research or a real eye-tracking study.

What screenshot should I use?

Use a clear PNG, JPG or WebP of a homepage, landing page or individual section. A full-page screenshot helps you inspect the whole visual journey, while a section screenshot gives more detail on one decision area.

Is my screenshot uploaded or stored?

No. The heat map is generated locally in your browser. The screenshot is not sent to the website server and is not stored.