画像のサイズ変更・切り抜き

正方形に切り抜き

正方形の範囲を常に保ち、最初は中央の最大の正方形を選びます。プロフィール画像、商品画像、正方形の表紙に便利です。

画像はお使いのブラウザー内だけで処理され、サーバーにはアップロードされません。

または画像をここにドラッグ

画像を 1 枚ずつ処理します。JPG/JPEG・PNG・静止画 WebP、ブラウザーで読み込める BMP、安全確認済み SVG に対応しています。GIF とアニメーション WebP には対応していません。

範囲をドラッグして移動し、四隅をドラッグしてサイズを変えます。スマートフォンではタッチ操作できます。範囲にフォーカスすると矢印キーで移動でき、Shift を押すと移動量が増えます。比率は 1:1 に固定され、片方の辺を変えるともう一方も自動計算されます。

元の形式は、ブラウザーがその形式で保存できる場合に使えます。

元画像と切り抜き範囲

画像を選ぶと切り抜き範囲が表示されます

結果のプレビュー

処理すると結果が表示されます

画像ファイルは最大 100 MiB です。50 MiB を超えるとメモリー使用量についてお知らせします。元画像と結果は最大 4,000 万ピクセルで、幅・高さはそれぞれ 16,384 ピクセル以下です。SVG は UTF-8 形式で、最大 2 MiB です。

このツールについて

横長・縦長の画像を、幅と高さが同じ正方形に切り抜きます。範囲を移動して人物や商品を残したり、辺の長さを変えたりできます。幅と高さは常に同じで、角を動かしても長方形にはなりません。

使い方

  1. 端末内の画像を選び、中央の最大の正方形を確認します。
  2. 正方形をドラッグして移動するか、四隅をドラッグして辺の長さを変えます。X・Y・幅・高さの入力も使えます。
  3. 残したい被写体が枠内にあることを確認し、PNG・JPG・WebP、または対応する元の形式を選びます。
  4. 「正方形に切り抜く」を押してダウンロードします。リセットや「最大の正方形を選択」で、中央の最大範囲に戻せます。

対応形式

  • 入力:ブラウザーで読み込める JPG/JPEG・PNG・静止画 WebP・BMP、および安全確認済みの SVG。GIF とアニメーション WebP には対応していません。
  • 出力:PNG・JPG、またはブラウザーが対応する WebP。原則として元画像と同じ形式を使用します。BMP や SVG など、同じ形式で保存できない画像は PNG になります。

画像処理について

  • 最初の辺の長さは、元画像の幅と高さの短い方です。範囲は中央に配置されます。1920×1080 の場合は 1080×1080、X=420、Y=0 です。
  • 幅か高さを変更すると、もう一方も自動で同じ値になります。1:1 を保ち、元画像の内側に収めます。
  • 保存画像の辺の長さは、選んだ範囲の元のピクセル数です。256 や 512 などへの追加のサイズ変更はありません。必要なら続けて「画像のサイズ変更」をお使いください。
  • PNG と WebP は透明部分を保持できます。JPG は透明に対応せず、透明・半透明部分は指定した背景色と合成されます。背景色の初期設定は白です。市松模様はプレビューだけに表示されます。
  • 保存した画像には通常、元の EXIF や GPS などのメタデータは残りません。スマートフォンの写真は EXIF の向き情報で正しい向きに直してから、サイズの計算と処理を行います。

画像ファイルは最大 100 MiB です。50 MiB を超えるとメモリー使用量についてお知らせします。元画像と結果は最大 4,000 万ピクセルで、幅・高さはそれぞれ 16,384 ピクセル以下です。SVG は UTF-8 形式で、最大 2 MiB です。

プライバシー

画像はお使いのブラウザー内だけで処理され、サーバーにはアップロードされません。

ファイルはサーバーに送信されず、画像が自動保存されることもありません。必要な結果は、クリアしたりページを離れたりする前にダウンロードし、元のファイルも保管してください。

FAQ

正方形の切り抜きとは?

画像から正方形の範囲を取り出す操作です。選択範囲と結果は幅と高さが同じになり、外側の内容は取り除かれます。

1920×1080 の画像から取れる最大の正方形は?

1080×1080 です。最初は横方向の中央に配置され、左上は X=420、Y=0 です。範囲を左右に移動できます。

プロフィール画像に使えますか?

正方形のプロフィール画像に適しています。円の外側を透明にしたい場合は「円形に切り抜き」を使えます。実際のプロフィール画像の表示方法は各サービスによって異なります。

画像はサーバーにアップロードされますか?

されません。ファイルの読み込み、プレビュー、画像処理、ダウンロードはすべてお使いのブラウザー内で完結します。画像のアップロードや外部の画像処理サービスの利用はありません。

開発者ツールのカテゴリ一覧に戻る