アップロードなし, 100%ローカル, アカウントなし

画像のトリミング

画像上で直接トリミング矩形をドラッグしてサイズ変更します。縦横比を選ぶか自由形式で。ファイルがデバイスから出ることはありません。

画像のトリミングの仕組み

画像クロップツールでは、インタラクティブなドラッグ操作とリサイズオーバーレイを使って写真上の矩形領域を定義し、その領域のみを新しいファイルとしてエクスポートできます。選択ハンドルを移動またはリサイズするとクロッププレビューがリアルタイムで更新されます。すべてのCanvas操作はローカルで実行され、元のファイルはディスクから読み込まれてサーバーには送信されません。

クロップを固定アスペクト比(動画サムネイル用の16:9やアバター用の1:1など)に制限することも、自由な形にすることもできます。選択範囲のピクセル座標が表示されるため、目視ではなく正確なクロップが必要な場合に具体的な値を入力できます。出力は入力と同じフォーマットでデバイスに直接ダウンロードされ、可能な限り品質が維持されます。

画像のトリミングの使い方をステップごとに解説

  1. アップロードエリアに画像をドロップするか、クリックして参照します。
  2. 隅や辺のハンドルをドラッグしてクロップ領域を設定するか、用意されたフィールドに正確なピクセル座標を入力します。
  3. 必要に応じて固定アスペクト比を選択してクロップの比率を制限します。
  4. 「クロップ」をクリックして選択範囲を適用し、クロップされた画像を生成します。
  5. 「ダウンロード」をクリックして結果をデバイスに保存します。

よくある使用例

  • ブロガーが投稿のヘッダー画像として使うために、広い風景写真から中央の被写体を切り出す場合。
  • 開発者がドキュメントに含めるためにフルページスクリーンショットから特定のUI要素を抽出する場合。
  • 商品カメラマンがマーケットプレイスにアップロードする前に商品写真から気になる背景を除去する場合。
  • 人事担当者が個人写真をクラウドサービスに送ることなく、社内ディレクトリ用に統一された正方形フォーマットにスタッフの肖像写真をクロップする場合。

よくある質問

クロップできる画像のサイズ制限はありますか?

制限はブラウザのメモリです。非常に大きなファイル(3000万ピクセル以上)のCanvas操作は、RAMが限られているデバイスでは遅くなるか失敗する場合があります。約2400万ピクセルまでの一般的なカメラ写真は問題なく処理されます。

ドラッグではなく正確なピクセル座標でクロップを指定できますか?

はい。ツールには現在の選択範囲のx、y座標と幅・高さが数値フィールドとして表示されます。これらのフィールドに直接入力して正確なクロップ領域を設定できます。デザイン仕様から正確なピクセル境界がわかっている場合に便利です。

ツールは開いた画像の記録を保持しますか?

いいえ。画像データはページが開いている間だけブラウザタブのメモリに存在します。localStorageには保存されず、サーバーにも送信されず、タブを閉じるかページを更新すると保持されません。

クロップされた画像はどのフォーマットでエクスポートされますか?

出力は対応している範囲で入力フォーマットに合わせます。JPEGの入力はJPEGのクロップを生成し、PNGの入力は元に透明度があれば透明度を維持したPNGのクロップを生成します。

クロップを元に戻して最初からやり直せますか?

はい。クロップ操作はメモリに読み込まれた元の画像から新しいファイルを生成します。リセットをクリックすると元の画像全体が復元されるため、別のクロップ領域を定義できます。

スマートフォンで写真をクロップできますか?

はい。クロップハンドルのドラッグは、モバイル版のChromeやSafariでのタッチ操作でもマウス操作と同じように機能します。ただし角のハンドルを正確に配置する作業は、画面の大きいデバイスの方が容易です。フィールドに正確なピクセル座標を入力すれば、小さな画面でもこの制約を回避できます。