本文へ移動

Webサイト用に画像をリサイズ

Webサイトのバナーやブログ画像を適切なサイズに変更。幅・高さと構図を確認し、JPG・PNG・WebPで保存。ブラウザ内で複数画像を処理できます。

用途に合わせて画像サイズを変更

ファイル

画像をここにドロップ、またはクリックして選択

JPG・PNG・WebP・HEIC

設定

設定はすべてのファイルに適用されます。変更すると結果がリセットされます。

設定

サイズを選択
px
px
縦横比が異なる場合
保存形式
92%
容量を小さく画質を高く

0件選択中

このツールの特徴

  • 端末内で処理

    処理できるサイズは端末のメモリやブラウザによって異なります。

  • アップロード不要

    ブラウザ内で処理するため、ファイルは端末の外へ送信されません。

  • 登録不要

    アカウントやメールアドレスを登録せず、すぐに使えます。

Webサイトのレイアウトで画像が占める領域に合わせてサイズを選びます。1920 × 1080のバナー、800 × 600のブログ画像、1280 × 720の横長画像から開始できます。いずれも変更可能な例です。幅の狭い記事欄と画面全幅のバナーでは、必要な画像サイズが異なります。

3ステップでリサイズして保存

  1. 画像を追加

    対応形式の写真を1枚または複数選ぶか、ページにドロップします。

  2. サイズと構図を確認

    設定値とプレビューを確認し、切り抜き方・保存形式・品質を選びます。

  3. 処理して保存

    選択した画像をリサイズし、出力サイズを確認して個別またはZIPで保存します。

画像サイズとページの読み込み速度を分けて考える

リサイズはピクセル数を変え、保存時の形式や品質はファイル容量にも影響します。容量を抑えたい場合は、保存後にWebサイト向け画像圧縮を利用できます。レスポンシブ画像、幅・高さの属性、内容を説明する代替テキストはサイト側で設定してください。このツールはHTMLを変更せず、PageSpeedの点数も保証しません。

リサイズ前に切り抜き方を選ぶ

枠を埋める設定では、中央を基準に切り抜いて指定サイズにします。枠内に収める設定は写真全体を残して余白を付け、引き伸ばしは縦横の比率を変えます。プレビューと元画像を比較してください。縦横比の固定は、一辺を変更するときに各画像の比率を保つ機能です。幅と高さを両方とも指定値に固定したい場合は解除します。手動の構図調整には画像の切り抜きが使えます。

保存形式・品質・一括ダウンロード

JPG/JPEG、PNG、WebP、HEIC/HEIFを読み込めます。保存形式はJPG・PNG・WebPから選ぶか、対応する元の形式を維持できます。HEICは標準でJPGになります。JPGとWebPには品質設定があり、PNGは可逆圧縮です。透明な余白はJPGでは白くなります。設定は全ファイルに共通で、選択したファイルが処理対象になります。個別保存とZIPでの一括保存に対応し、アカウントなしでブラウザ内処理を行います。

開始サイズと保存設定

設定値は変更できます。表のサイズで保存する場合は、幅と高さをそのままにしてください。

設定値
Webサイトのバナー1920 × 1080
ブログ画像800 × 600
中1280 × 720
縦横比が異なる場合余白なしで切り抜く
保存形式JPG / PNG / WebP

結果を確認しながら進められる操作

  • サイトのバナーやブログ画像

    横長のバナーや小さめの記事画像を選び、保存後にサイトに合う容量へ圧縮できます。

  • 構図を確認

    元画像とプレビューを比較し、切り抜きか余白付きかを選んでから処理できます。

  • 複数の画像を保存

    選択したファイルに共通の設定を適用し、完成した画像を個別またはZIPで保存できます。

よくある質問

Webサイトの画像は何ピクセルにすればよいですか?
レイアウト上の表示領域と画面のピクセル密度に合わせて決めます。バナーやブログの設定値は開始例なので、実際の用途に合わせて変更してください。
写真を切り抜かずにリサイズできますか?
はい。枠内に収める設定を選ぶと写真全体を維持できます。元画像と出力枠の比率が異なる場合は余白が付きます。
指定のKB以下になりますか?
必ずしもなりません。ピクセル数は寸法、KBは容量です。必要に応じて保存後に圧縮し、圧縮で画像が縮小された場合は寸法も再確認してください。
複数の写真をまとめて処理できますか?
はい。画像を追加して対象を選び、一括処理できます。各行に状態と保存操作が表示され、完成した選択画像をZIPにまとめることもできます。
拡大すれば細部を取り戻せますか?
いいえ。ピクセル数は増やせますが、元画像にない細部を復元することはできません。
画像ツールをすべて見る