Screenshot Annotationスクリーンショットズーム
ディテールをその場で拡大
スクリーンショットの範囲を選ぶだけで、画像上でそのまま拡大表示。別途切り抜く必要も、2 つ目のファイルも、別のエディターに再アップロードする手間もありません。選択範囲は余白が自動でトリミングされ、くっきりと描画されます。周囲を暗くして、拡大したディテールを際立たせることも可能です。
スクリーンショットズームとは？
スクリーンショットズームとは、画像の一部分を大きく表示して、小さなアイコン、エラーメッセージの 1 行、密度の高い表のセルなどを判読しやすくすることです。「読者に本当に見てほしいものを指し示す」という視覚的な役割を果たします。
多くの人はこれを遠回りにやっています。別のツールで範囲を切り抜き、保存し、オリジナルの隣に貼り付け、元の場所が分かるように矢印を描き足す。3 つのファイル、2 つのアプリ、そして継ぎ接ぎ感のある出来上がり。その場ズームはこれらを 1 つの注釈にまとめます。選ぶだけで拡大され、元のスクリーンショットは文脈として下に残ります。
切り抜きではなく、なぜその場で拡大するのか？
単独の切り抜きは文脈を失います。読者には拡大されたボタンは見えても、それがページのどこにあるかは分かりません。その場ズームは両方を残します。全体像は位置把握のために、拡大ディテールは鮮明さのために。次のような場面で特に有効です：
- バグ報告 — 小さなステータスアイコンがバグの原因だが、エンジニアが再現できるよう画面全体も見せたい場合。
- チュートリアルやドキュメント — 「右上の歯車アイコンをクリック」という指示は、歯車を拡大しつつツールバーも見えている方が伝わります。
- デザインレビュー — 12 px のラベルを拡大して余白を議論しつつ、周囲のレイアウトは残したい場合。
- アクセシビリティの指摘 — 小さなフォーカスリングやコントラストの問題を文脈付きで示したい場合。
切り抜きではなく、くっきりと
ズームツールは私自身が書いたものです。範囲を選んだ瞬間に何が起きるか、正確に解説します。
- 範囲を選びます。ページ要素をクリックしてその境界にスナップするか、任意の場所をドラッグで囲みます。ソースの矩形がキャプチャされます。
- 余白が自動でトリミングされます。選択範囲を解析し、実際のコンテンツの周囲にある大きな空白パディングを取り除きます。これにより、ズームの半分が余白になるのを防ぎます。コンテンツそのものが切られることはありません。
- その場で拡大されます。ズーム倍率は自動で選ばれ（カードがスクリーンショットからはみ出さないよう上限付き）、トリミング済みの範囲がオリジナルの上に重なる形で大きく描画されます。
- 注釈も一緒に拡大されます。範囲内に配置済みの矩形、矢印、番号も一緒に拡大されるため、失われることはありません。
2 つの仕上げオプションで、ズームを一瞬で読み取れるようにできます：
- 背景の暗化 — ズーム範囲の外側を暗くし、拡大ディテールを明確な焦点にします（スクリーンショットの他の部分は見えたまま、シェードがかかるだけです）。
- 色付き縁取り — ズームを枠で囲み、境界をはっきりさせます。拡大範囲が似た色調と接する場合に役立ちます。
ズームはスクリーンショットのフル解像度（高 DPI キャプチャを含む）で描画されるため、4 K ディスプレイでも拡大ディテールは粗くならず、シャープなままです。
スクリーンショットをズームする方法
キャプチャからズーム callout の完成まで、1 分未満で。
キャプチャ
Alt+A（Win）または ⌘⇧S（Mac）を押すか、ページを右クリックして フリー範囲 を選びます。ページ上にエディターが開きます。
ズームツールを選ぶ
Z を押す（または虫眼鏡をクリックする）。拡大したい要素をクリックするか、ディテールの周囲をドラッグで囲みます。
調整して書き出し
ズームカードの設定から、背景の暗化や縁取りを必要に応じて追加します。エディターを閉じるだけで、結果はすでにクリップボードに入っています。
より鮮明なズームのためのヒント
- 範囲は狭く選ぶ。自動トリミングがパディングを取り除きますが、選択範囲が狭いほど拡大されるディテールは大きくなります。要素をクリックすれば、その境界を一発で取得できます。
- 焦点を 1 つにするなら暗化を。背景の暗化はズームが 1 つのときに最も効果を発揮します。2〜3 個のズームを並べるなら、比較しやすいよう背景は明るいままに。
- 番号を付ける。拡大範囲に番号付きステップ（
N）を置けば、文章で参照できます。「① のリトライボタンをご覧ください」のように。 - 難しいケースは組み合わせで。矩形 ＋ ズーム の組み合わせで、縁取り付きの 1 つの拡大カードを作れます。範囲が小さく、周囲がごちゃごちゃしている場合に最もきれいに仕上がります。
スクリーンショットズームのよくある質問
拡大した画像はぼやけますか？
いいえ。ズームはフル解像度のキャプチャ（ディスプレイが対応していれば高 DPI ピクセルを含む）からサンプリングするため、拡大ディテールはくっきりとしたままです。ただし、元のスクリーンショット自体が低解像度であれば、存在しないディテールをズームで付け足すことはできません。
複数の範囲をズームできますか？
はい。必要なだけ独立したズーム callout を追加できます。作成順に重なり、クリックで前面に出せます。
どんなスクリーンショットでもズームできますか？
本拡張機能で撮影したスクリーンショットであれば機能します。エディターはキャプチャーフローに組み込まれているため、拡大元となるフル解像度のソースが常に利用できます。
スクリーンショットズームは無料ですか？
はい。その場ズームは 12 種類の内蔵ツールの 1 つで、有料プラン、ウォーターマーク、登録はいずれもありません。拡張機能全体が無料です。
執筆者：Virgil
私は、このページで解説したその場ズームツール（自動トリミングと高 DPI 描画を含む）を設計・実装した個人開発者です。作った理由は、他の「ズーム」機能がどれも別ウィンドウへの切り抜き方式で、バグ報告に必要な文脈が失われてしまうからです。
すべてのメールに目を通し、定期的にアップデートを公開しています。各リリースの変更点は 更新履歴をご覧ください。ズームに関するご質問は virgil1126@gmail.com まで。