Image Tools
Image Cropper
画像を選択し、指定した領域だけをブラウザ内で切り抜いて新しいファイルとして出力します。
このツールを試す
画像を選択して実行すると、結果をすぐに確認できます。
説明
ツール概要
このページでは、ツールの役割、使いどころ、サンプルで素早く確認する方法をまとめています。
必要な範囲だけ画像を切り抜きます。
画像入力
このツールはローカル画像をブラウザ内で処理します。テスト用画像を選んで動作を確認してください。
画像の必要な部分だけを切り出したいときに最も直接的なツールです。サムネイル、プロフィール画像、スクリーンショット、文書用の抜粋など、「どの領域を残すか」が重要な作業に向いています。
切り抜きはブラウザ内だけで行われ、元ファイルは保持されます。つまり、原本を上書きせずに結果だけを別ファイルとして取得できます。
使いどころ
- サムネイル用に重要な領域だけ残したいとき
- UI キャプチャから機密情報や不要な余白を除きたいとき
- 文書やスライド向けに大きな画像から必要部分だけ取り出したいとき
正確に切り抜くコツ
座標ベースの crop は速いですが、最終用途を先に決めておく方が安定します。
- まず最終サムネイル比率を決めてから crop 領域を考える
- 被写体が中央でない場合は X/Y を数値で微調整する
- crop 後に最終サイズが必要なら
Image Resizerと組み合わせる
よくある失敗
- 元画像より大きい width/height を指定する
- X/Y の基準位置を誤解して違う領域を切り抜く
- 切り抜き後に最終用途の比率と合わないと気づく
- 元ファイルが上書きされると思い込む
例の入力
ファイル: screenshot.png
オプション: x=0, y=0, width=512, height=512
例の出力
512x512 の切り抜き画像ファイル
FAQ
- 画像はサーバーへアップロードされますか？
- いいえ。処理はブラウザ内だけで行われます。
- 元ファイルは変更されますか？
- いいえ。元ファイルはそのままで、新しい結果ファイルだけが作られます。
- 座標とサイズはピクセル単位ですか？
- はい。X、Y、Width、Height はすべてピクセル基準です。
- 負の座標や大きすぎる値を入れるとどうなりますか？
- 入力次第で空のように見えたり、元画像の範囲内に制限されたりするため、実際のプレビュー確認が重要です。
- 安定したサムネイル切り抜きを作るには？
- まず最終表示の比率を決め、その比率に合う crop box を計算していくのが安全です。
関連ツール
さらに探す
このツールは Image Tools カテゴリに属しています。似たワークフローは ツールハブの全ツール一覧 から比較できます。