画像編集
🖼️
画像をアップロードして編集を開始
ドラッグまたはクリックでアップロード
画像が選択されていません
画像に文字、矢印、図形、モザイク、切り抜き、サイズ変更を加えて、スクリーンショット注釈や個人情報の目隠しをすばやく行えます。
関連おすすめ
オンライン画像編集とは？
オンライン画像編集は、デスクトップアプリをインストールせずにブラウザで画像をすばやく加工する方法です。このページでは文字、矢印、図形、ハイライト、モザイク、切り抜き、サイズ変更、手描きに重点を置いています。
スクリーンショットを貼り付け、問題箇所を示し、個人情報を隠して、数ステップで PNG として保存できます。
Canvas によるブラウザ内処理なので、サポート、製品フィードバック、ドキュメント、機密性のあるスクリーンショットにも使いやすい構成です。
ユースケース
- バグ報告や製品フィードバックのスクリーンショットに矢印、枠、短いラベルを追加する。
- 送信前に名前、電話番号、住所、ID、注文番号、チャット内容を隠す。
- チュートリアル、ヘルプ画像、プレゼン資料、技術ドキュメントを分かりやすくする。
- Photoshop を開かずに切り抜き、サイズ変更、手描き、文字追加をすばやく行う。
- ブラウザ、アプリ、Slack のスクリーンショットを貼り付け、注釈してチームに送る。
使い方
- PNG、JPG、WEBP、BMP 画像をアップロードするか、クリップボードのスクリーンショットを貼り付けます。
- 文字、矢印、図形、ハイライト、モザイク、切り抜き、サイズ変更、ペン、消しゴムを選びます。
- キャンバス上で編集し、必要なら拡大して細部を確認し、元に戻す・やり直しで調整します。
- 完成した画像をエクスポートし、透かしなしの高解像度 PNG をダウンロードします。
特徴
- 文字、矢印、四角、円、線、ハイライト、下線、取り消し線でスクリーンショットを分かりやすく注釈できます。
- 顔、メール、住所、注文番号、チャット内容など共有前に隠したい部分をモザイクで保護できます。
- Canvas を使って画像をブラウザ内で処理するため、ファイルをサーバーへアップロードする必要がありません。
- Ctrl+V または Command+V でスクリーンショットを直接貼り付け、保存せずに編集を始められます。
- 切り抜き、サイズ変更、手描き、元に戻す、やり直し、透かしなし PNG 書き出しに対応します。
よくある質問
このオンライン画像編集ツールは無料ですか？
はい。文字、矢印、図形、モザイク、切り抜き、サイズ変更、手描き、元に戻す、やり直し、PNG 書き出しを登録なし・透かしなしで使えます。
画像はサーバーにアップロードされますか？
いいえ。注釈、切り抜き、サイズ変更、モザイク処理は Canvas によってブラウザ内でローカル処理されます。
スクリーンショットを貼り付けてすぐ注釈できますか？
はい。スクリーンショットをコピーして Ctrl+V または Command+V を押すと、矢印、文字、枠、ハイライト、モザイクを追加できます。
個人情報を隠すにはどうすればよいですか？
モザイクツールを選び、顔、メール、住所、ID、注文番号、メッセージなどの上をドラッグしてください。元に戻すや消しゴムで微調整できます。
画像の切り抜きやサイズ変更はできますか？
できます。重要な範囲を切り抜き、必要に応じて縦横比を保ったまま正確な幅と高さに変更できます。
対応している画像形式は？
PNG、JPG/JPEG、WEBP、BMP を読み込めます。注釈入りスクリーンショットには PNG 書き出しが向いています。
用語集
- Canvas
- 元画像、注釈、切り抜き、モザイク、書き出し結果を合成するブラウザの描画領域です。
- モザイク
- 選択範囲を大きな色ブロックに変換し、細部を読み取りにくくする目隠し方法です。
- PNG 書き出し
- 文字や注釈をくっきり保ちやすい可逆形式で、注釈付きスクリーンショットに適しています。
内蔵編集ツール
| 分類 | ツール | 用途 |
|---|---|---|
| 注釈 | 文字 / 矢印 / 図形 | スクリーンショットの説明や強調 |
| プライバシー | モザイク / 消しゴム | 共有前に機密情報を隠す |
| レイアウト | 切り抜き / サイズ変更 | 重要部分を残し寸法を整える |
対応形式
| 形式 | 入力 | 出力 | メモ |
|---|---|---|---|
PNG | はい | はい | 注釈付き画像の標準に適しています |
JPG / JPEG | はい | はい | 写真向きで小さめ、透過なし |
WEBP | はい | はい | 軽量なモダン Web 形式 |
BMP | はい | はい | 可逆だが容量が大きめ |
クリップボード | はい | いいえ | 保存せずにスクリーンショットを貼り付け |
Authoritative References
- ReferenceMDN Web Docs - Canvas API
- ReferenceMDN - HTMLCanvasElement.toBlob
- ReferenceWikipedia - 画像編集