DevTools Japan トップへ

画像ドラッグ変形ツール

角をドラッグで拡大縮小、辺をドラッグで幅・高さだけ伸縮(すべてブラウザ内で処理)

画像

- × - px
画像を読み込んでください
100%
変形中の画像
ここへドラッグ&ドロップ、または貼り付け(Ctrl+V / Cmd+V)
四隅のハンドルで拡大縮小、上下左右の辺のハンドルで高さ・幅だけを伸縮。ドラッグ中にShiftキーで縦横比の固定を一時的に切り替え。表示倍率は書き出すサイズに影響しません。

サイズ

px
px

書き出し

このツールは 100% クライアントサイドで動作します。読み込んだ画像はサーバーに送信されず、変形と書き出しはすべてお使いのブラウザ内で行われます。

画像ドラッグ変形ツールの使い方

画像の大きさを、画面上で直接ドラッグして変えられる無料ツールです。画像を選択するか、枠内へドラッグ&ドロップ、またはクリップボードから貼り付けると、画像の周りに8つのハンドルが付いた枠が表示されます。ハンドルをマウスや指でドラッグしてサイズを決め、形式を選んで「ダウンロード」を押すと、選んだ幅×高さのピクセルサイズちょうどで画像が保存されます。すべての処理はブラウザ内で完結し、画像が外部へ送信されることはありません。

四隅のハンドル:拡大縮小

四隅のハンドルは画像全体を拡大縮小します。「縦横比を固定」がオンのときは比率を保ったまま大きさだけが変わり、オフのときは幅と高さを同時に自由に変えられます。ドラッグ中にShiftキーを押すと、固定と自由を一時的に入れ替えられるので、設定を切り替えずに操作できます。

辺のハンドル:幅だけ・高さだけの伸縮

左右の辺のハンドルは幅だけ、上下の辺のハンドルは高さだけを変えます。横長のバナーに合わせて画像を横に引き伸ばしたい、縦方向だけ少し詰めたいといった場面で便利です。ドラッグ中は現在のサイズと元画像に対する倍率が上部に表示され、幅・高さの入力欄にも即座に反映されます。

表示倍率と書き出しサイズ

「全体表示」は画像が枠内に収まるように表示を縮小するだけで、書き出す画像のピクセルサイズには影響しません。細部を確認したいときは「100%」や「+」で表示を拡大し、枠をスクロールして確認できます。

操作と結果の早見表

操作変わるもの縦横比
四隅をドラッグ(固定オン)幅と高さ保たれる
四隅をドラッグ(固定オフ)幅と高さ自由に変わる
左右の辺をドラッグ幅だけ変わる
上下の辺をドラッグ高さだけ変わる
幅・高さを数値入力(固定オン)入力した側と連動する側保たれる
元のサイズに戻す元画像のサイズ元に戻る

書き出し形式の選び方

PNGは劣化のない形式で、透過を保ちたい画像やイラスト、スクリーンショットに向いています。JPEGは写真のファイルサイズを小さくしたいときに適しており、透過部分は白で塗りつぶされます。WebPは写真でもイラストでも比較的小さなサイズに収まり、透過も保持できます。JPEGとWebPは品質の数値を下げるほどファイルサイズが小さくなります。クリップボードへのコピーはPNG形式で行われ、そのまま資料作成ソフトやチャットに貼り付けられます。

よくある質問

数値で指定する画像リサイズツールとの違いは何ですか?
このツールは画像を見ながら角や辺をドラッグしてサイズを決められるのが特長です。縦横比を保った拡大縮小だけでなく、左右の辺で幅だけ、上下の辺で高さだけを伸縮できます。ドラッグ中は現在の幅と高さがピクセル単位で表示され、幅・高さの数値入力欄とも連動するので、目で見て大まかに決めてから数値で微調整することもできます。
縦横比を崩さずに拡大縮小するにはどうすればよいですか?
「縦横比を固定」にチェックを入れた状態で、四隅のハンドルをドラッグしてください。画像の比率を保ったまま拡大縮小されます。チェックを外すと四隅のハンドルで幅と高さを自由に変えられます。ドラッグ中にShiftキーを押すと、固定と自由を一時的に切り替えられます。なお上下左右の辺のハンドルは、常に幅だけ・高さだけを伸縮します。
画像を大きく引き伸ばすと画質はどうなりますか?
元の画像より大きくする場合、ブラウザの補間処理で画素を補うため、倍率が大きいほど輪郭がぼやけて見えやすくなります。縮小する場合は細部がまとめられるため、一般に見た目の劣化は少なめです。書き出しではブラウザの高品質な補間設定を使用しています。拡大したあとの見た目をより鮮明にしたい場合は、高画質化のツールと組み合わせる方法もあります。
保存できる形式とサイズの上限はありますか?
PNG・JPEG・WebPの3形式で保存でき、JPEGとWebPは品質を50〜100の範囲で調整できます。透過のある画像をJPEGで保存すると透過部分は白になります。幅・高さはそれぞれ1〜16384ピクセルまで指定できますが、ブラウザや端末によって扱える画像の総ピクセル数に上限があり、特にスマートフォンでは非常に大きなサイズを書き出せない場合があります。その場合はサイズを小さくしてお試しください。
画像はサーバーに送信されますか?
いいえ。画像の読み込み、変形、書き出し、クリップボードへのコピーまで、すべての処理はお使いのブラウザ内で行われます。画像がサーバーへアップロード・保存されることは一切ないため、社内資料や個人の写真も安心して扱えます。ページを閉じると読み込んだ画像はブラウザのメモリから消えます。

関連ツール

画像リサイズ画像形式変換画像圧縮