画像を指定ピクセルにリサイズするツール — 縦横比維持オプションと JPG・PNG・WebP 出力対応

画像のサイズを変更(リサイズ)する方法

OutputLabs チーム · 2026-07-04

画像サイズを変えたいとき

写真をどこかにアップロードしたり送ったりしようとしたとき、ファイルが大きすぎたり、決まったサイズ(px)に合わせる必要があったりすることがあります。プロフィール写真を 400×400 に揃えたり、ブログ本文の画像を横幅 1200px に統一したり、メール添付の上限に収まるよう縮小したりするときが典型的な例です。

スマートフォンで撮った写真は 4000×3000px を超えるものも多く、そのままウェブに載せると不必要に重くなります。適切なサイズに縮めるとページの読み込みが速くなり、ストレージも節約できます。

リサイズ・圧縮・クロップの違いと使い分け

リサイズ・圧縮・クロップは名前が似ていて混同しがちですが、やることはそれぞれ違います。リサイズは縦横のピクセル数そのものを変える作業で、圧縮はピクセルはそのままにファイル容量(MB)だけを減らす作業です。クロップは画像の一部を切り取るもので、サイズというより構図を変える作業に近いといえます。

目的から選ぶと迷いません。「ファイルが大きすぎてアップロードできない」なら圧縮、「横1200pxのように決まった規格に合わせたい」ならリサイズ、「比率を変えたい・不要な部分を外したい」ならクロップです。先にツールを選ぶのではなく、いま困っていることから考えると答えがすぐ出ます。

3つを組み合わせるときは、クロップ → リサイズ → 圧縮の順が自然です。まずクロップで残す範囲と比率を決め、次にリサイズで最終的なピクセルサイズを合わせ、最後に圧縮で容量を絞ります。順番を変えると、捨てる部分までリサイズしたり圧縮を二度かけたりすることになり、画質の面で損をします。OutputLabs には3つのツールがすべてそろっているので、必要な工程だけつないで使えます。

知っておくと便利なヒント

「縦横比を維持」をオンにしておくと、元のアスペクト比のままサイズだけが変わり、写真が潰れたり伸びたりしません。横幅を 1200 に揃えたい場合は幅だけ入力すれば高さが自動で決まるので、とても便利です。

元より大きくするとどうしても画質が落ちることがあります。大きくする場合は一度に大幅に増やさず、段階的に確認しながら作業するのがおすすめです。ウェブ用の画像は WebP 形式で保存すると JPG より大幅に軽くなります。

画像をリサイズ

アップロードのサイズ制限に合わせたり、ブログやメール用に縮小したり、正確な px 数値が必要なときに。ブラウザで無料でできます。

変換する

よくある質問

いいえ。元のファイルはそのままで、サイズを変えた新しいファイルだけが別途ダウンロードされます。処理はすべてブラウザ内で行われるため、画像がサーバーに送信されることはありません。

JPG・PNG・WebP をアップロードできます。保存形式もこの 3 種類から好きなものを選べます。HEIC のような形式も入れれば自動で読み込みます。

幅と高さを別々に自由に入力できます。ただし元の比率と違う値を入れると写真が伸びたり潰れたりするため、意図的に比率を変えたいときだけオフにするのがおすすめです。