How To Highlight Images on Websites
Video transcript
- 0:02 Save images too. Here is how you save images from any web page with Web Highlights, so a chart or a diagram lands in your library next to your text highlights. This one is part of Ultimate.
- 0:12 Right-click the image. Simply right-click on the image and pick Save image in your browser menu. The image is saved automatically, and you can see a small coloured dot in its top left corner.
- 0:21 Add a note and a tag. Clicking that dot opens the popup you already know from text highlights, so you can write a note and tag the image. I personally do that right away, because later on I only remember why a chart mattered if I wrote it down.
- 0:30 Images in the sidebar. In the sidebar the image sits between your other highlights, with the note and the tag you just added.
- 0:35 All images in one place. And in your dashboard there is an Images filter, which collects every image you ever saved, from all the pages you have read.
With Web Highlights, you can do more than just highlighting text and creating bookmarks. You can also highlight images — save diagrams, charts, infographics, or any visual from the web alongside your text highlights and notes.
🚀 Ultimate Feature
This feature is available in our Ultimate plan. You can try it free for 7 days. Upgrade to Ultimate anytime from the pricing page within the app.
How to Save an Image
Simply right-click any image on the web, and you should see a new option in the context menu labeled "Save image":
After saving an image, you'll see a dot indicator in the top-left corner. Click this dot to open the same popup you know from text highlights — add tags, write a note, change the color, or delete the image again.
Where Your Images Appear
Saved images show up in every place your text highlights do.
In the sidebar:
In the web app:
Annotating Images
Just like text highlights, saved images support:
- Notes — Click the dot indicator to open the note editor and add your thoughts
- Tags — Organize images with the same tagging system you use for text highlights
- Multiple colors — Color-code images to categorize them visually
When to Use Image Highlights
Image highlighting is especially useful for:
- Research — Save diagrams, data visualizations, and figures from papers or articles
- Design inspiration — Collect UI screenshots, layouts, and visual references
- Study materials — Capture charts, timelines, and infographics for exam prep
- Technical documentation — Save architecture diagrams, flowcharts, and code screenshots
Exporting Images
When you export a page that contains image highlights, the images are included in your export. This works for:
- Markdown export — Images are embedded as Markdown image references
- Notion export — Images are sent along with your text highlights
- Capacities export — Same as Notion
If you use image highlights for spaced repetition learning, the images appear on your flashcards — useful for memorizing diagrams or visual concepts.
Read More
You can read more about image highlighting in our blog post: