画像リサイズ

使い方

1. 画像をドラッグ & ドロップ、またはボックスをクリックして選択。
2. 幅と高さを調整。ロックを有効にすると比率が維持されます。
3. PNG（無損失）・JPEG・WebP のいずれかと品質を選択。
4. リサイズ後の画像をダウンロード。

よくある質問

画像はアップロードされる？

いいえ — ブラウザ内で完結します。HTMLCanvasElement 上でリサイズし、メモリ上の Blob からダウンロードを生成します。

おすすめのフォーマットは？

スクリーンショットや図形は PNG、写真は JPEG、最小サイズと最新ブラウザ対応を求めるなら WebP。

リサイズ後がぼやけるのはなぜ？

ブラウザのキャンバスは双線形 / 三線形サンプリングを使うため。大きく縮小する場合は 2〜3 段階に分けると鮮明になります。

どれくらい大きな画像を処理できる？

多くのブラウザで一辺 16,384px 程度まで、iOS Safari は 4096×4096 程度が上限。これを超えると無音で失敗したり切れて見えたりします。

元より大きくできますか？

できますが、得るものはありません。拡大は既存のピクセルの間を補間して中間の点を作り出すので、結果は同じ細部をより大きく、より甘くしたものであって、鮮明な写真ではありません。大きなサイズで本物の細部が必要なら、それはより高解像度の原本から来なければなりません。

リサイズと切り抜きは何が違いますか？

リサイズは写真全体を保ったまま、それを表すピクセル数を変えます。切り抜きはピクセル密度を保ったまま、選択範囲の外を捨てます。画面の中で被写体が小さすぎるなら切り抜き、ファイルが単に大きすぎるならリサイズです。

小さくしたのにファイルが大きくなったのはなぜ？

ほぼ常に出力形式のせいです。写真を PNG で保存すると可逆で格納されるため、写真的な内容では寸法を縮めていても元の JPEG や WebP より数倍大きなファイルになります。写真は JPEG か WebP を選び、PNG はスクリーンショットやベタ塗り、透過のために取っておきましょう。

このテーマのガイド

• ウェブ向けの画像圧縮とリサイズ 見た目を損なわずに画像を軽くする方法 — 圧縮の前にリサイズし、適切な形式を選び、品質スライダーが実際に何をしているのかを理解する。
• アップロードすると写真が回転してしまう理由 スマートフォンでは正しい向きに見えていた写真が、アップロードした先では横倒しになる。ピクセルが動いたわけではありません。カメラはセンサーが読んだままの向きで保存し、どちらが上かを覚え書きとして添えているだけで、その覚え書きをすべてのプログラムが読むわけではないのです。

関連ツール