📐 画像リサイズ

画像を任意の幅・高さ (px) にリサイズ。アスペクト比保持、複数枚一括処理、PNG / JPEG 出力に対応。Canvas API でブラウザ内処理。

完全無料登録不要ブラウザ完結 5 言語対応ダークモード

🔒 プライバシーについて

・すべての処理はあなたのブラウザ内で完結します
・画像データは一切サーバーに送信されません
・保存ログ・アップロード履歴・データベース等は存在しません
・登録・ログイン・課金は一切不要です

📂

画像をドラッグ＆ドロップ、またはクリックで選択（複数枚可・ペースト可）

📖 つまずきやすいポイント

画像を指定した幅・高さにリサイズします。アスペクト比の保持と複数枚の一括処理に対応し、処理はブラウザ内で完結します。縮小はきれいにできますが、拡大は情報を増やせません — 元より大きくしたところで、無いディテールは生まれず、ぼやけるか輪郭が階段状になるだけです。「小さい画像を大きく使いたい」は、リサイズではなく素材を取り直す案件です。

ケース	何が起きるか	どうする
必要以上に大きい画像を載せている	デジタルカメラやスマートフォンの写真は 4,000px 前後あります。表示幅 600px の場所にそのまま置くと、ブラウザは 4,000px 分をダウンロードしてデコードしてから縮小して描きます。転送量だけでなく、メモリとデコード時間も無駄になります。モバイル回線では、これが体感速度の主因になります。	表示幅の 2 倍を上限にしてください。600px の枠なら 1,200px で足ります — Retina ディスプレイを考慮してもこれ以上は視覚的な差が出ません。複数の解像度を用意できるなら `srcset` で端末に選ばせるのが理想ですが、1 枚しか用意しないなら「一番大きく表示される場所の 2 倍」で決め打ちしてください。あわせて画像フォーマット変換で WebP にすると、同じ見た目で 2〜3 割小さくなります。
縮小した画像がぼやける	大きく縮めるとき、ブラウザや Canvas の既定の補間は一度に縮小するため、細部が平均化されて眠い絵になります。とくに 4,000px から 400px のように 10 分の 1 にする場合に顕著です。文字やロゴを含む画像では、線が消えかけて読めなくなることもあります。	段階的に縮めてください — 一度に 10 分の 1 にせず、半分ずつ 3〜4 回に分けると、細部が残ります。文字を含む画像では、そもそも画像に文字を入れないほうが確実です。HTML のテキストとして重ねれば、どの解像度でも鮮明で、コピーもでき、検索にも引っかかり、翻訳もされます。ロゴなら SVG にすれば拡大縮小で劣化しません — SVG 最適化でファイルサイズも詰められます。
一括処理したら縦横比がばらばらになった	元画像の縦横比が揃っていない状態で「幅 800px」と指定すると、高さは元の比率に応じてばらばらになります。一覧に並べたときに高さが揃わず、レイアウトが崩れます。逆に幅と高さを両方固定すると、今度は画像が引き伸ばされて歪みます。	切り抜きとリサイズは別の作業です。比率を揃えたいなら、まず画像トリミングで同じ比率に切り抜き、そのあとリサイズしてください。CSS 側で解決するなら `aspect-ratio` と `object-fit: cover` を指定すれば、元の比率がばらばらでも枠の中で揃って見えます — ただし被写体の中心がずれている画像では、顔や商品が枠外に出ることがあるので、一覧に出す画像は最初から同じ比率で用意しておくのが確実です。

リサイズは元に戻せない操作です。縮小した画像から元の解像度は復元できないので、原本は必ず別に保管してください。数年後に「印刷用に使いたい」「もっと大きいサイズが必要になった」と言われる場面は、実際によく訪れます。運用としては、原本を一箇所に置き、公開用は原本から毎回生成する形にしておくと、表示サイズの方針が変わっても作り直せます。CMS や静的サイトジェネレーターの多くは、この仕組みをビルド時に持っています。

📖 使い方

1

画像を読み込む

ドラッグ＆ドロップ、ファイル選択 (複数可)、または Ctrl+V で貼り付け。
2

幅・高さを指定

ピクセル単位で目標サイズを入力。比率保持を有効にすると一方の入力で他方が自動計算されます。
3

リサイズ実行

「リサイズ実行」ボタンを押すと、すべての画像がプレビュー付きで処理されます。
4

ダウンロード

各画像個別にダウンロード、または「一括ダウンロード」で全ファイル取得。ファイル名末尾に _resized が付きます。

❓ よくある質問

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

いいえ。すべての処理はブラウザ内 (Canvas API) で完結します。Network タブで確認できます。

拡大するとぼやけますか？

はい。元画像より大きくすると Canvas のバイリニア補間でぼやけます。AI 拡大ではないため、縮小用途を推奨します。

複数枚を一括処理できますか？

はい。一度に何十枚でも読み込み、同じサイズ設定で一括リサイズできます。すべてブラウザ内で完結するためサーバー負荷もゼロです。

🔗 関連ツール

🐛 このツールで問題が発生しましたか？

完全無料・登録不要。再現手順だけでも結構です。届いたご報告は運営者に直接届き、修正の参考にします。