画像のリサイズ・切り抜きツール

画像をブラウザ内で正確な寸法にリサイズまたは切り抜きします。

ツールを読み込み中…

画像のリサイズ・切り抜きツール画像をピクセル単位の正確な寸法にリサイズします。アスペクト比ロックを有効にすると幅と高さが連動します。高品質なキャンバススケーリングでディテールを保ち、出力は元の形式(JPEG/WebP)を維持、それ以外は PNG になります。画像はローカルで処理され、アップロードされません。

画像のリサイズ・切り抜きツールとは?

deftdeck の画像リサイズツールは、写真やグラフィックをブラウザ上で正確なピクセル寸法に拡大・縮小できる無料のオンライン画像リサイズツールです。デザイナー、開発者、ブロガー、そしてアバターやサムネイル、SNS用画像、ウェブ素材を用意したいすべての人が、ブラウザで開ける任意の画像(PNG、JPEG、WebP など)をドロップし、幅と高さをピクセル単位で正確に指定できます。任意で使えるアスペクト比のロック機能により幅と高さの比率が保たれ、画像が引き伸ばされることはありません。また高品質なキャンバス拡大縮小により、縮小時も拡大時もディテールが保たれます。リサイズした画像は元の JPEG または WebP 形式を保ち(それ以外の PNG などは PNG として書き出されます)、クリックで拡大できるビフォーアフターのリアルタイムプレビューが表示されます。

画像のリサイズ・切り抜きツールの使い方

  1. 画像をドロップゾーンにドラッグ&ドロップするか、クリックして端末からファイル(PNG、JPEG、WebP、またはブラウザで開けるその他の画像)を選びます。
  2. リサイズ後の画像に設定したい目標の幅(px)と高さ(px)を入力します(いずれも整数に丸められ、最小値は 1 です)。
  3. 元のアスペクト比を保つには「比率ロック」を「ロック」(既定)に設定します。こうすると一方の寸法を変更すると他方が自動的に更新されます。「フリー」に切り替えると幅と高さを個別に設定できます。
  4. プレビューの上に表示される「元のサイズ」と「目標サイズ」を確認し、新しいサイズが正しいか確かめます。
  5. 「リサイズ」をクリックして画像を拡大・縮小し、元画像と結果を並べて見比べます(どちらかをクリックすると拡大用のライトボックスが開きます)。
  6. 「ダウンロード」をクリックすると、新しい寸法を含むファイル名でリサイズ後の画像が保存されます。

使用例

比率をロックして写真をウェブ用に縮小する

4000x3000 の JPEG を読み込み、「比率ロック」を「ロック」にして幅を 1200 に設定すると、高さが自動的に 900 に更新されます。「リサイズ」をクリックしてから「ダウンロード」すると、歪みのない 1200x900 の JPEG が得られます。

比率をロック解除して正方形のアバターを作る

長方形の PNG を読み込み、「比率ロック」を「フリー」に切り替えて幅と高さの両方を 256 に設定し、リサイズすると、プロフィール写真にぴったりの 256x256 の PNG が作成されます。

小さな WebP アイコンを拡大する

64x64 の WebP をドロップし、128x128 などより大きな幅と高さを入力してリサイズします。高品質なキャンバスのスムージングが適用され、出力は WebP 形式のまま保たれます。

よくある質問

どんな画像形式をリサイズできますか?
ブラウザで開ける任意の画像(ドロップゾーンは image/* を受け付けます)で、PNG、JPEG、WebP を含みます。元が JPEG または WebP の場合は結果もその形式を保ち、それ以外の PNG などはすべて PNG として書き出されます。
リサイズするとアスペクト比は保たれますか?
はい、「比率ロック」を「ロック」(既定)に設定していれば保たれます。その場合、幅を編集すると元の比率から高さが自動計算され(その逆も同様)、画像が引き伸ばされて見えることはありません。幅と高さを正確に個別指定したいときは「フリー」を選んでください。
リサイズすると画質は下がりますか?
このツールは高品質なキャンバス拡大縮小でディテールを保ち、JPEG/WebP の出力は品質 0.92 で保存されます(PNG はロスレスです)。画像を元のピクセルサイズより大きく拡大しても、もともと記録されていないディテールを足すことはできないため、大幅な拡大では多少のぼやけが生じるのは普通のことです。
ファイルサイズや寸法に制限はありますか?
ツール側で設定された固定の制限はありません。幅と高さは最低 1 ピクセル必要で(整数に丸められます)、非常に大きな画像はブラウザと端末の利用可能なメモリによってのみ制限されます。すべての処理がローカルで行われるためです。
画像はサーバーにアップロードされますか?
いいえ。すべては HTML canvas を使ってブラウザ内で 100% クライアントサイドで実行されます。画像が deftdeck やいかなるサーバーにアップロードされることはなく、データが端末の外に出ることもありません。

関連ツール