Screenshot Annotation要素にスナップ。
その場で注釈。
スクリーンショットを撮影し、ホバーした実際のページ要素に矩形・円・矢印を自動フィットさせる Chrome 拡張機能。ズレた図形を手作業で描き直す手間はもう不要です。
ズレる矩形にうんざりしたから作りました
私はバグ報告やプロダクトへのフィードバックを数多く書きます。毎回同じ作業でした。スクリーンショットを撮り、エディターに貼り付け、強調したいボタンを慎重に矩形で囲み、数ピクセルずれていることに気づいて、やり直して、描き直す。すべてのスクリーンショットの、すべての注釈でこれを繰り返します。
矩形は実際の UI 要素とどうしてもぴったり合いません。輪郭はぼやけ、円は手描き感が否めません。実際に手で描いているのですから。
そこでこの拡張機能を作りました。要素にホバーすると、拡張機能はその getBoundingClientRect を読み取り、その境界にぴったり合うきれいな注釈を生成します。ワンクリックでピクセル単位の精度。
— Virgil、個人開発者。2024 年から本作を開発しています。スクリーンショットの注釈に必要なすべてが揃う
12 種類の注釈ツール、テキスト抽出、機密情報のモザイク、複数フォーマットでの書き出し。すべて 1 つのツールバーに。
DOM 要素にスナップ
ボタン、カード、画像、テキストブロックなど、あらゆる要素にホバーするだけで、ぴったり合った矩形・円・矢印がワンクリックで作成されます。 スクリーンショットをハイライト →
12 種類の注釈ツール
矩形、楕円、直線、矢印、ハイライト、テキスト、番号付きステップ、スタンプ、モザイク、そしてその場ズーム。 スクリーンショットに注釈を付ける →
その場ズーム callout
範囲を選ぶと余白を自動トリミングし、その場で拡大表示します。小さな UI ディテールの強調に最適です。 ズームの仕組み →
モザイクと黒塗り
範囲をモザイク、ぼかし、黒帯で隠し、パスワード、API キー、メールアドレス、顔などをマスキングできます。 スクリーンショットをぼかす →
テキスト抽出
スクリーンショット内の読み取り可能なテキストをクリップボードへ。OCR ではなくライブ DOM から取得するので、文字は正確です。
PNG / JPG / PDF ＋ 自動コピー
3 種類のフォーマットで保存できます。エディターを閉じると、結果はすでにクリップボードに入っています。
3 ステップ。コンテキストの切り替えなし。
エディターはページ上でその場で開きます。新しいタブも、作業中の画面から離れることもありません。
キャプチャ
表示領域を撮影するには Alt+A（Windows）または ⌘⇧S（Mac）、範囲ドラッグは Alt+C / ⌘⇧X、またはページを右クリックします。
注釈
要素にホバーしてハイライトし、クリックすればぴったりの図形が作られます。空白部分には自由に描画もできます。
書き出し
エディターを閉じるだけで、結果が自動でクリップボードへ。または PNG / JPG / PDF で保存できます。
他ツールとの比較
正直に並べました。他のツールも優れていますが、本作は彼らにはない要素スナップを実現しています。
| Feature | Screenshot Annotation | Lightshot | Awesome Screenshot | Snagit |
|---|---|---|---|---|
| 実際の DOM 要素にスナップ | 対応 — コア機能 | 手描き | 手描き | 手描き |
| ページ内エディター | 対応 | デスクトップアプリ | 新規タブ | デスクトップアプリ |
| テキスト抽出 | 対応（DOM） | — | — | 対応（OCR） |
| その場ズーム | 対応 | — | — | 手動 |
| 番号の自動振り直し | 対応 | — | — | 手動 |
| 無料 | 完全無料 | 無料 | フリーミアム | $49.99〜 |
| トラッキング／分析なし | リクエストゼロ | 分析あり | 分析あり | 分析あり |
| ページ全体キャプチャ | ロードマップ | — | 対応 | 対応 |
| 動画録画 | 予定なし | — | 対応 | 対応 |
2026 年 8 月時点の各ツールサイトに基づく情報です。不正確な点があればご連絡ください。
技術詳細
パワーユーザー、IT 管理者、レビュアー向け。
対応環境
- ブラウザChrome MV3
- 動作環境Edge、Brave、Arc
- OSWin / macOS / Linux
- 対応言語EN, ZH-TW, JA, ES, FR, DE
- Chrome 最低バージョン88+
パッケージと権限
- パッケージサイズ316 KB
- 権限5 つ（最小限）
- ネットワーク通信0
- バックグラウンドサービスワーカー 1 つ
- サードパーティライブラリ0
キャプチャのショートカット
- 表示領域Alt + A
- 範囲ドラッグAlt + C
- 右クリック → フリー範囲マウス
- 元に戻す / やり直し⌘Z / ⌘⇧Z
- 保存 / 閉じる⌘S / Esc
エディターのツールショートカット
- 選択V
- 矩形 / 楕円R / O
- 直線 / 矢印L / A
- ハイライト / テキストH / T
- 番号 / モザイク / ズームN / M / Z
よくある質問
本当に無料ですか？ 何か裏があるのでは？
はい。有料プラン、プレミアム版、アプリ内課金、アカウント登録、いずれもありません。私は自分用に作り、運用コストは月 0 ドルです。バックエンドが存在しないからです。
スクリーンショットはどこかに送信されますか？
いいえ。拡張機能はネットワーク通信を一切行いません。すべてはローカルで処理され、スクリーンショットが端末から外に出ることはありません。キャプチャ中にネットワークタブで確認できます。
なぜその権限が必要なのですか？
5 つの権限はすべてスクリーンショット機能に絞られています。activeTab がタブを撮影し、scripting が要素の位置を読み取り、storage が設定を記憶し、unlimitedStorage が高 DPI スクリーンショットを Chrome の既定 5 MB を超えて扱い、contextMenus が右クリック項目を追加します。history、cookies、webRequest は使いません。
Edge、Brave、Arc でも動きますか？
はい。Chrome 拡張機能をサポートするすべての Chromium 系ブラウザで動作します。Chrome ウェブストアからそのままインストールできます。
Mac と Windows では？
両対応です。ショートカットは Windows・Linux で Alt+A / Alt+C、macOS では ⌘⇧S / ⌘⇧X です。macOS には Alt キーがないため、⌘⇧ で代用しています。
chrome:// ページでは動かないのはなぜですか？
Chrome は内部ページ（chrome://、ウェブストア、設定）で拡張機能をすべてブロックします。これはバグではなくプラットフォームの仕様です。
ページ全体やスクロールをキャプチャできますか？
現時点では対応していません。現在は表示中のビューポートまたはドラッグ範囲をキャプチャします。ページ全体キャプチャは ロードマップに含まれています。
バグはどう報告すればよいですか？
virgil1126@gmail.com までメールでお知らせください。すべて目を通し、通常 48 時間以内に返信しています。各リリースでの変更点は 更新履歴をご覧ください。
ロードマップと既知の制限
どこまでできて、次は何で、要望があってもやらないこと。
完了最近のリリース
- 複数フォーマットの書き出し（PNG / JPG / PDF）
- DOM からのテキスト抽出
- 6 言語 UI（EN、繁中、JA、ES、FR、DE）
- エディターを閉じたら自動コピー
- セキュリティのためのオリジン検証
次回開発中
- ページ全体／スクロールキャプチャ
- 遅延キャプチャ（カウントダウンタイマー）
- キーボードショートカットのカスタマイズ
- 注釈プリセットの追加
検討中検討段階
- 設定のクラウド同期（オプトイン）
- 注釈テンプレート
- チーム共有のカラーパレット
非対応スコープ外
- 動画／画面収録
- アカウントシステム
- 有料プランやアプリ内課金
- テレメトリや利用分析
開発者について
企業ではありません。VC の資金も入っていません。一人の開発者が課題を解決しているだけです。
Virgil
スクリーンショットの注釈を手描きするのに疲れたソフトウェアエンジニアです。これこそ、私が存在してほしかったツールです。小さく、速く、プライベートで、ひとつの仕事に集中しています。
すべてのメールに目を通し、可能な限り速くバグを直し、定期的にアップデートを公開しています。チームもなければ、ロードマップ会議も、グロースチームもいません。