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

1:1 に切り抜き

画像を 1:1 の比率で切り抜き、幅と高さが同じ挿絵、サムネイル、SNS 用画像を作ります。

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

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

画像を 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:1 が必要な画像を用意できます。「正方形に切り抜き」と同じ形に切り抜けます。元画像の座標で範囲を指定し、結果のサイズを確認して、正方形レイアウトに合う画像を作れます。

使い方

  1. 横長や縦長の画像を選び、中央の最大 1:1 範囲を確認します。
  2. 範囲を移動して構図を整えるか、いずれかの角を動かして辺の長さを変えます。
  3. X・Y と片方の辺の長さを入力すると、もう一方も同じ値になります。単位は元画像のピクセルです。
  4. 「1:1 に切り抜く」を押し、出力の幅と高さが同じことを確認してダウンロードします。目的の正方形レイアウトにお使いください。

対応形式

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

画像処理について

  • 1:1 は幅と高さが同じという意味です。範囲を移動したり拡大・縮小したりしても、この比率は変わりません。
  • 最大の辺の長さは、元画像の短い方の辺です。1920×1080 の初期範囲は 1080×1080 で、左上は X=420、Y=0 です。
  • 出力サイズは選択した元画像のピクセル数で決まり、ページ上の表示幅では決まりません。512×512 などを指定したい場合は、切り抜いた後に「画像のサイズ変更」をお使いください。
  • このページは正方形の範囲全体を保存します。円の外側を透明にしたい場合は「円形に切り抜き」をお使いください。
  • PNG と WebP は透明部分を保持できます。JPG は透明に対応せず、透明・半透明部分は指定した背景色と合成されます。背景色の初期設定は白です。市松模様はプレビューだけに表示されます。
  • 保存した画像には通常、元の EXIF や GPS などのメタデータは残りません。スマートフォンの写真は EXIF の向き情報で正しい向きに直してから、サイズの計算と処理を行います。

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

プライバシー

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

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

FAQ

1:1 と「正方形に切り抜き」の違いは?

どちらも幅と高さが同じ正方形に切り抜けます。このページでは比率 1:1 を基準に、もう一方では正方形という形を基準に選べます。

1:1 では幅と高さが同じである必要がありますか?

はい。1:1 は両辺が同じという意味です。300×300・800×800・1080×1080 などが該当します。片方の辺を変更すると、もう一方も自動で同じ値になります。

1:1 はどんな画像に向いていますか?

正方形の SNS 画像、商品のサムネイル、画像グリッド、正方形のプロフィール画像に使われます。ピクセルサイズは用途に合わせてお選びください。

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

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

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