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

画像の幅を変更

指定するのは幅だけ。高さは元の比率から自動計算されます。ウェブページの列幅や画像提出の条件に合わせるときに便利です。

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

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

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

元画像のプレビュー

画像を選ぶと元画像のプレビューが表示されます

結果のプレビュー

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

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

このツールについて

画像の幅を変更するためのツールです。横方向のピクセル数を指定するだけで、高さを手計算する必要はありません。自動計算された高さは編集できず、元の見た目の比率を保ちます。記事の挿絵や商品画像の幅をそろえる用途に適しています。

使い方

  1. JPG・PNG・静止画 WebP・BMP、または安全確認済みの SVG を選びます。
  2. 目的の幅に 1 以上の整数を入力し、読み取り専用の「計算された高さ」を確認します。
  3. 自動計算されたサイズと拡大縮小率を確認し、出力形式と利用できる品質設定を選びます。
  4. 「幅を変更」を押し、新しい画像をプレビューしてダウンロードします。サイズのリセットで元の幅に戻せます。

対応形式

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

画像処理について

  • 新しい幅に元の高さを掛け、元の幅で割って四捨五入すると、新しい高さになります。最低 1 ピクセルを保ちます。1920×1080 の幅を 1000 にすると、高さは 563 です。
  • 縦長の画像も同じように計算します。1080×1920 の幅を 540 にすると、540×960 になります。整数への四捨五入で、比率にごく小さな差が出る場合があります。
  • このページでは常に元の縦横比を保つため、高さだけを別に変更することはできません。幅と高さを自由に指定するには「画像のサイズ変更」をお使いください。
  • 縮小するとピクセル数が減ります。拡大では滑らかに見えるようにピクセルを補いますが、元画像にない細部は復元できません。
  • PNG と WebP は透明部分を保持できます。JPG は透明に対応せず、透明・半透明部分は指定した背景色と合成されます。背景色の初期設定は白です。市松模様はプレビューだけに表示されます。
  • 保存した画像には通常、元の EXIF や GPS などのメタデータは残りません。スマートフォンの写真は EXIF の向き情報で正しい向きに直してから、サイズの計算と処理を行います。

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

プライバシー

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

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

FAQ

幅を変更すると、高さはどう決まりますか?

元の比率を使い、新しい幅に元の高さを掛け、元の幅で割って四捨五入します。例えば 1920×1080 の幅を 1000 にすると、高さは 563 です。

画像は引き伸ばされますか?

幅と高さを同じ比率で変えるため、内容が意図的に引き伸ばされることはありません。ピクセル数を整数にするため、1 ピクセル未満の四捨五入によるわずかな比率差は生じる場合があります。

元の画像より幅を広くできますか?

サイズの上限内なら、元の画像より大きな幅を指定できます。ただし、拡大ではピクセルを補うだけで、新しい細部が生まれるわけではありません。

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

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

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