画像に注釈を付ける

実際の画面写真に、切り抜き・赤枠・番号・文字・ぼかしを付ける（AIの下書きつき）

撮った画面に、印を付けて貼る

手順の記事では、画面写真に「ここを押す」の赤枠と番号があるだけで、読者は迷わなくなります。Sorabun（Pro・クラウド版）では、ブロックエディタの画像ブロックから、そのまま注釈を付けられます。画像編集ソフトを開く必要はありません。

1. 記事の編集画面で、画像ブロックを選びます（メディアにある画像だけ使えます）
2. ブロックの上のツールバーにある 「注釈」 を押します
3. 開いた画面で、切り抜き・印・文字・ぼかしを付けます
4. 「保存して差し替える」 を押します

保存すると、注釈を付けた画像が新しい画像としてメディアに入り、画像ブロックがそれに差し替わります。元の画像はメディアに残るので、いつでもやり直せます。代わりの文（alt）はそのまま引き継ぎます。

道具

• 色は赤・黄・青・黒から選べます。図形を選んでから色を押すと、その図形の色が変わります
• 元に戻す（Ctrl+Z）・やり直す（Ctrl+Shift+Z）・図形を消す（Delete）が使えます
• 線の太さや番号・文字の大きさは、画像の大きさに合わせて自動で決まります
• 線には白い縁が付くので、暗い画面でも明るい画面でも見えます

AIで下書きする

右側の 「AIで下書きする」 を押すと、AIが画像を読んで、次のものを置きます。

• 押す場所の赤枠と番号 … 「どこに印を付けるか」の欄に書いたことをもとに選びます
• 切り抜く範囲 … 印を付けた場所と、それがどこにあるか分かる程度のまわりを残します（印と番号が切れないように広げます）
• 個人情報のぼかし … メールアドレス・人の名前・電話番号・住所・APIキーやパスワード・会員番号・カード番号・人の顔・車のナンバー

画像ブロックのすぐ前に撮影スロット（「撮影スロット: [PC] 管理画面の一覧。右上の『作成』ボタンが入るように」のような枠）があれば、その文章が「どこに印を付けるか」に最初から入ります。撮影スロットについては「スクリーンショットの自動引用」の章をご覧ください。

AIの下書きを使うには、Gemini のAPIキーが要ります（「設定 > APIキー」）。クラウド版はキーの用意は要りません。

撮影スロットの枠を消す

画像ブロックの前に撮影スロットがあると、保存の欄に 「撮影スロットの枠を消す」 が出ます（既定でオン）。保存と一緒に枠を取り除くので、貼り替えたあとに消し忘れることがありません。枠と同じブロックにほかの文章があるときは、枠だけを取り除きます。

ぼかし方の選び方

• モザイク … まわりの雰囲気を残したいとき。マス目は、隠す範囲の短い辺の1/3より細かくしません（細かいモザイクは、決まった書体の文字なら読み戻せることがあるため）
• 塗りつぶし … APIキー・パスワード・カード番号など、少しでも読めると困るもの

ぼかしは保存した画像に焼き込まれ、あとから外すことはできません（元の画像はメディアに残っています）。元の画像が公開済みの記事などで使われていないかも、あわせてご確認ください。

保存される画像の形

• 元が JPEG の写真なら JPEG、それ以外（PNG・WebP・GIF）は PNG で保存します
• 切り抜いたときは、切り抜いた大きさで保存します
• 文字は、編集しているブラウザの日本語フォントで画像に焼き込みます。サーバーにフォントや画像処理の道具を足す必要はありません

画像の送り先

• 注釈を付ける作業（切り抜き・図形・文字・ぼかし）は、すべてブラウザの中で行います。画像はどこにも送りません
• 「AIで下書きする」を押したときだけ、画像（長い辺を1600pxまで縮めたもの）と指示の文章を、Google の Gemini に送ります。自分のキーで使う場合はその契約で、クラウド版は Sorabun の中継を通ります（中継は画像を保存しません）

うまくいかないとき