画像にオンラインで注釈を付ける方法：矢印、文字、枠、番号付きの手順

結論：Imgovoの画像に注釈を付けるツールを開き、スクリーンショットや写真を追加して、ツール（矢印、テキスト、枠、蛍光ペン、番号付きの手順）を選び、画像の上に描いて、PNG、JPG、WebPでダウンロードします。すべてブラウザの中で動くのでアップロードされず、注釈は元のサイズの画像に描かれます。

注釈が役立つ場面

注釈付きの画像は、段落では伝えきれないことを、一瞬で説明できることがよくあります。

• 手順書やチュートリアル：スクリーンショットに番号付きの手順を入れます。
• 不具合の報告やサポートの依頼：問題の箇所を指す矢印と短いラベルを付けます。
• デザインや写真へのフィードバック：まさにその細部に、丸、枠、メモを付けます。
• プレゼンテーションや文書：強調した範囲や短いキャプションを付けます。
• 教材用の写真：物体、地図、図の各部分にラベルを付けます。

ツール

ツール	ショートカット	用途
選択	V	既存の注釈を動かす、サイズを変える、変更する
矢印	A	細部を指し示す
線	L	下線を引く、ものを結ぶ
四角形	R	範囲を枠で囲む
楕円	O	何かを丸で囲む
テキスト	T	ラベルやキャプションを追加する
手順番号	N	1、2、3と自動で数える
吹き出し	B	1つの細部を指すポインター付きのテキストボックス
ペン	P	フリーハンドで描く
蛍光ペン	H	文字や範囲の上に、幅の広い透けたストロークを引く
隠す	X	機密情報を覆う、ぼかす、モザイクをかける
スポットライト	S	1か所を除いて全体を暗くする
拡大鏡	M	小さな細部の拡大コピーを追加する
スタンプ	I	チェックマーク、バツ、警告、情報、クエスチョンマーク、ポインターの記号を置く
トリミング	C	最終画像を必要な部分にトリミングする

Shiftキーを押したままにすると、直線や、きれいな正方形・正円になります。色の選択とサイズの調整があり、サイズの初期値は5です。

手順

1. 画像に注釈を付けるツールを開き、画像をドロップするか、クリックしてファイルを選ぶか、貼り付けます。JPG、PNG、WebP、HEIC、TIFFなどの形式が使えます。
2. ツールを選びます。たとえば矢印です。
3. 色とサイズを選びます。画像の中で目立つ色を選んでください。
4. 画像の上でドラッグします。矢印の場合は、始点から対象までドラッグします。
5. 調整するには、選択に切り替えます。注釈をドラッグして動かしたり、ハンドルをドラッグしてサイズを変えたりできます。色とサイズは、オプションで変えられます。
6. 次の注釈を追加し、これを繰り返します。
7. 出力形式を選んで、ダウンロードします。

番号付きの手順

手順番号ツールは、クリックするたびに、次の番号が入った円を置きます。やり方を説明する画像を作る最も手早い方法です。手順を1つ削除しても、次に追加する番号は、残っている中で最大の番号の次から続くので、手動で振り直す必要があるかもしれません。

吹き出し

吹き出しは、1つの細部を指すポインター付きのテキストボックスです。細部から、テキストを置きたい場所までドラッグして、入力します。あとでテキストを動かしても、ポインターは細部に付いたままなので、描き直す必要はありません。

スポットライトと拡大鏡

スポットライトは、1か所を除いて全体を暗くします。情報の多いスクリーンショットで「ここを見て」と穏やかに伝える方法です。複数のスポットライトは、1つの暗いレイヤーを共有します。拡大鏡は、小さなボタンやコードの1行など、小さな細部の拡大コピーを追加します。

スタンプと挿入した画像

スタンプは、チェックマーク、バツ、警告、情報、クエスチョンマーク、ポインターといった、既成の記号です。画像を挿入を使うと、お使いの端末からロゴや2枚目の画像を追加できます。どちらも、ほかの注釈と同じように、動かしたり、サイズを変えたり、回転したりできます。

テキスト

テキストツールを選び、ラベルを置きたい場所をクリックして入力します。選択した注釈のテキストをあとで編集するには、F2キーを押します。

時間を節約できるキーボードショートカット

• Enterキーで、選んだツールが画像の中央に置かれます。選択ツールが有効な場合は、次の注釈が選択されます。
• 矢印キーで、選択した注釈を動かせます。
• Deleteキーで削除します。選択したものを削除ボタンとすべて消去は、マウスで同じ操作をします。
• Ctrl/Cmd + Zで1つ前の操作を元に戻し、Ctrl/Cmd + Shift + Zでやり直します。すべての操作に対応しています。

読みやすい注釈にするコツ

• コントラスト：赤や黄色は多くのスクリーンショットで目立ちますが、明るい背景では暗い色を使ってください。
• テキストは短く。2〜4語のラベルのほうが、文章より読みやすくなります。
• ラベルと細部は矢印で結びましょう。画像を横切る長い線は避けます。
• 文字には蛍光ペンを。同じストロークの重なった部分が濃くなることはありません。
• 先にトリミングを。スクリーンショットの一部だけが重要な場合は、注釈を付ける前に画像のトリミングでトリミングすると、要点が埋もれません。

重要：個人的な情報を隠すには

通常の四角形や蛍光ペンは、画像の上に描かれるだけで、強調のためのものであり、秘密を守るためのものではありません。メールアドレス、名前、数字を隠すには、機密情報を隠す (X) を使い、塗りつぶしのままにします。塗りつぶしは完全に不透明なので、ダウンロードまたはコピーした画像では、その下のピクセルが置き換えられます。ぼかしとモザイクは見た目を変えるだけで、秘密を守るためのものではありません。共有する前に、最終的な画像を確認してください。

プロジェクトファイルには元の画像が残るため、画像に個人的な情報が含まれる場合は、プロジェクトファイルを共有しないでください。写真全体や顔には、ぼかしとモザイクツールもあります。詳しくは、顔、ナンバープレート、個人的な文字をぼかす方法をご覧ください。

保存と共有

• PNGは、特に小さな文字があるスクリーンショットで、最も鮮明な結果になります。
• JPGとWebPは、ファイルが小さくなります。
• 注釈は元のサイズの画像に描かれるため、結果は元の解像度を保ちます。
• 画像をコピーは、結果をクリップボードにコピーします。ブラウザによっては、許可を求められたり、対応していなかったりします。うまくいかない場合は、ダウンロードをお使いください。

写真には、位置情報が隠れていることがあります。注釈を付けた画像を投稿する場合は、写真からGPS位置情報とEXIFデータを削除する方法をお読みください。

スマートフォンやタブレットで

指で描きます。画像に触れている間はページがスクロールしないので、スクロールしたいときは画像の外に触れてください。2本の指で、表示の拡大と移動ができます。

プライバシー

画像は、お使いの端末で処理されます。この点をどのサイトでも確かめる方法については、オンラインの画像変換ツールは安全？をご覧ください。

今すぐ試す

画像に注釈を付けるツールを開き、画像を追加して、最初の矢印を描いてみましょう。