Screen Note

Measure, draw, blur, add text and images on any webpage, then copy or download the visible page or a selected area.

An interactive tool to measure, draw shapes, add notes, and place icons or emojis directly on any webpage. Screen Note is a lightweight annotation toolkit that works directly on any webpage. No sign-up, no setup, just click and start marking up. 📏 MEASURE - Measure Box: drag to get exact pixel width and height - Measure Line: measure the distance between any two points - Keep measurements on screen while you continue working ✏️ DRAW & ANNOTATE - Pencil and Highlighter - Squares, circles, lines, and arrows - Text labels, double-click to edit anytime - Custom colour and line width 🔢 MARK & REVIEW - Counter: numbered markers to explain steps or list issues in order - Emojis and symbols (✅ and more) for quick visual feedback - Spotlight to focus attention on a specific area - Blur (pixelate) sensitive information before sharing 🖼️ IMAGES - Paste an image with Ctrl + V, pick a file or drop it on the page (PNG, JPG, WebP, GIF, up to 10 MB) - The image is centred and the rest of the page is dimmed to put the focus on it - Large images are scaled down to fit (files: up to 1024 × 800, pasted images: up to half the screen); move, blur or delete them like any drawing 📸 CAPTURE - Copy the visible page (with your drawings) to the clipboard or download it as PNG - Capture area: drag to select just the part you need, then copy or download it ⚡ WORK FASTER - Move mode: select, drag, recolour, or delete any drawn item - Page scrolling is locked so drawings stay in place; turn on the scroll button in Settings to unlock it - Draggable toolbar, double-click the logo to put it back - Undo / Redo ⚙️ SETTINGS - Shortcuts: every keyboard shortcut at a glance - Config: choose which tools appear on the toolbar (hidden tools still work with their shortcut). Highlighter, Counter, Spotlight, Page scroll and Copy are hidden by default - Policy: privacy and terms of use ⌨️ KEYBOARD SHORTCUTS Tools: M Measure Box D Measure Line P Pencil H Highlighter R Square O Circle L Line A Arrow T Add Text N Counter E Add Emoji S Add Symbol B Blur area F Spotlight Actions: V Toggle Move mode Delete Delete selected item N (again) Switch counter style: circled / plain number Hold Shift Perfect square or circle, snap lines to 0° / 45° / 90°, straight highlight Hold Alt Show the shortcut on each toolbar button C Capture area (Esc to cancel) I Insert image file Ctrl + V Paste image from clipboard Ctrl + C Copy screenshot to clipboard Ctrl + S Download screenshot as PNG Ctrl + Z Undo Ctrl + Y Redo (or Ctrl + Shift + Z) Enter / Esc Confirm / cancel text (Shift + Enter for a new line) On Mac, use ⌘ instead of Ctrl. Useful for checking layouts and spacing, reporting UI bugs, giving visual feedback, or preparing tutorials. Your annotations and images stay on your device. Screen Note has no server, no account and no analytics; it does not collect or send your data. It only captures the current tab when you use Copy, Download, Capture area or Blur. Note: browser pages, the Chrome Web Store, PDFs and some protected sites cannot be annotated or captured. Screen Note is free. If it saves you time, you can support its development at buymeacoffee.com/duonghc.