Kit — 画像リサイズ

画像リサイズ

長辺・幅・高さ・%のいずれかを指定して、複数の画像をまとめて縮小します。縦横比は常に維持。段階的に縮小するので輪郭が荒れにくく、スマートフォンの写真も向きを保ったまま処理します。

画像を選ぶ(複数可)クリックして選択、またはドラッグ&ドロップ。JPEG・PNG・WebP・GIFなど

縦長でも横長でも、長いほうの辺がこの値になります。よく使うのは 1920(フルHD)・1600・1200・800。

小さい画像を引き伸ばしても情報は増えず、輪郭がぼやけるだけです。既定でオンにしています。

「元のまま」はJPEG・PNG・WebPをそのまま維持します。HEICなど書き出せない形式は、透過がありそうならPNG、それ以外はJPEGになります。

画像を追加すると、元のサイズがここに表示されます。

この処理はブラウザ内で完結します。ファイルはどこにも送信されません。

このリサイズの特徴

一気に縮めず、段階的に縮める

canvasで1/4以下へ一度に縮小すると、細い線や文字が飛び、斜めの輪郭がギザつきます。ここでは1回あたり最大50%までの縮小を繰り返します。処理は少し増えますが、元の画素が結果に反映されます。

写真の向きが変わらない

スマートフォンの写真は、横向きの画素とEXIFの回転情報の組み合わせで縦向きに見えていることがあります。回転情報を反映してから処理するため、出力が横倒しになりません。

画像がアップロードされない

読み込みも縮小も書き出しも、すべてブラウザの中で完結します。人物が写った写真や社外に出せない資料でも、送信先を気にする必要がありません。

設定の選び方

リサイズと圧縮はどう違う?リサイズは画素数そのものを変えることで、圧縮は画素数を保ったまま符号化を粗くしてファイルを小さくすることです。「幅1200px以内」のような寸法の条件にはこのツール、「1MB以内」のような容量の条件には /compress(Compact)が向いています。
JPEGとWebPはどちらを選ぶ?WebPは同程度の見た目でJPEGより小さくなり、透過も扱えます。一方でJPEGはどの環境でも確実に開けます。Web用ならWebP、相手先の環境が分からない場合や印刷所へ渡す場合はJPEGが無難です。
何px にすればいい?用途によって必要な解像度が違います。Webページやメール添付なら長辺1200〜1920pxで足りることがほとんどです。印刷は寸法ではなく密度で決まり、一般的な印刷では原寸で300dpi前後が目安になります(例:A4の長辺は約3500px)。
%指定の50%はどのくらい小さくなる?縦と横がそれぞれ半分になるので、画素数は1/4です。ファイルサイズは形式や絵柄によりますが、画素数の減り方に近い形で小さくなります。

よくある質問

何枚まで一度に処理できますか?

枚数の上限は設けていません。1枚ずつ順番に処理し、進捗を表示します。ただし処理中は端末のメモリを使うため、非常に大きな画像を大量に入れると動作が重くなることがあります。

画像はどこかに保存されますか?

保存されません。処理はすべてブラウザ内で行われ、サーバーには何も送っていません。ページを閉じた時点で読み込んだ画像は消えます。

透過PNGをJPEGにすると背景が黒くなりませんか?

なりません。JPEGは透明を保持できないため、透過部分を白で塗ってから書き出しています。白以外の背景にしたい場合や透過を残したい場合は、PNGまたはWebPを選んでください。

拡大もできますか?

「元より大きくしない」のチェックを外せば指定どおり拡大しますが、失われた情報が戻るわけではなく、輪郭がぼやけるだけです。既定ではオンにしています。

HEIC(iPhoneの写真)は使えますか?

ブラウザがHEICを読み込める場合は処理できます。Safariでは読み込めますが、その他のブラウザでは対応していないことがあり、その場合は該当の行に読み込めない旨を表示して、残りのファイルの処理は続けます。