コンテンツにスキップ

画像の注釈・簡易編集

LoPiQ には、外部画像編集ソフトを起動することなく、ブラウザ内で矢印・枠線・モザイク・フリーハンドペンを描き込めるインライン画像エディタが内蔵されています。
素早く注釈付けして保存・コピーできます。


🎨 エディタの起動

  1. 一覧画面から任意の画像をクリックして、フルサイズ表示モーダルを開きます。
  2. キーボードの e キーを押すか、左上アクションバーの「✏️」ボタンをクリックします。
  3. 画面遷移なしでインライン画像エディタが起動し、上部に注釈ツールバーが表示されます。

🛠️ 注釈ツールの選択と描画

上部ツールバーのアイコンをクリックするか、キーボードショートカットを押して各ツールを切り替え、画像上をドラッグして描画します。

ツール ショートカット 操作方法と用途
↖️ 選択・移動 v 配置した注釈をクリックして選択します。ドラッグでの移動、ハンドル操作での変形・リサイズ、Delete キーでの個別消去が可能です。
✂️ 切り抜き c ドラッグして矩形選択し、画像を切り抜きます。アスペクト比固定(1:1, 16:9等)、8方向ハンドル調整、Enter またはダブルクリックで確定できます。
🏹 矢印 a ドラッグした方向に向かって矢印を描画します。注目させたいポイントの指示に使用します。
🔲 矩形枠 r ドラッグした範囲を枠線で囲みます。ボタンや領域の強調に使用します。
🔤 文字 t クリックした位置にインラインで文字を入力・配置します。ダブルクリックで後から再編集も可能です。
🟩 モザイク m ドラッグした範囲にモザイク処理を適用します。個人情報や機密情報の目隠しに使用します。
✏️ ペン p ドラッグに沿ってフリーハンドの線を描画します。自由な書き込みや丸囲みに使用します。

✂️ 画像のトリミング(切り抜き)

ツールバーの「✂️ 切り抜き」アイコン(またはキーボードの c)を選択し、ドラッグして切り抜きたい範囲を指定します。

  • Shift キーを押しながらドラッグすると、縦横比 1:1(正方形)で選択できます。

🎨 スタイル(色と線の太さ)の調整

ツールバーのカラーチップまたは線の太さアイコンをクリックすると、ポップオーバーメニューが展開します。

  • カラー選択: 10色のプリセットパレットから、視認性の高いアクセントカラーを選択できます。
  • 線の太さ: 細・標準・太の3段階から線のウェイトを選択できます。

選択後、再度ツールで描画を行い、指定したカラーと太さが反映されることを確認してください。


💾 出力と保存の実行

編集が終わったら、目的に応じて以下のいずれかの方法で結果を出力・保存します。

クリップボードへコピー (Ctrl+C / Cmd+C)

  • キーボードの Ctrl+C / Cmd+C を押すか、ツールバーの「📋 コピー」ボタンをクリックします。
  • 注釈付きの画像がクリップボードに格納されます。チャットツールやドキュメント等の外部アプリにそのまま貼り付けることができます。

別名保存(新規ファイルとして残す)

  • ツールバーの「別名保存」ボタンをクリックします。
  • 元のファイルと同じフォルダに、元のファイル名_edited.png として別ファイルが安全に保存されます。元の画像はそのまま維持されます。

上書き保存 (Ctrl+S / Cmd+S)

  • キーボードの Ctrl+S / Cmd+S を押すか、ツールバーの「上書き保存」ボタンをクリックします。
  • 編集内容が元ファイルに直接反映・上書き保存されます。

🚪 エディタの終了

  • キーボードの Esc キーを押すか、ツールバー右端の閉じるボタンをクリックします。
  • エディタが終了し、通常のフルサイズビューアー画面に戻ります。
  • (保存した場合)ビューアー上の画像が編集後の最新画像に更新されていることを確認してください。

🧭 次のステップ

フォルダ自体のリネーム、他ディレクトリへの一括移動・コピー、ZIP圧縮ダウンロードを行う場合は、フォルダ管理機能を使用します。

👉 フォルダの整理・管理 — 名前変更、一括コピー・移動、ZIP一括ダウンロード、フォルダ削除