画像リサイズ・圧縮・WebP変換

使い方

1. 画像ファイルを選ぶか、点線の枠にドラッグ＆ドロップします（最大20枚）。読み込むと元の寸法とファイルサイズが一覧に表示されます。
2. リサイズ方法を選びます。「長辺を指定」は縦横比を保ったまま縮小し、「プリセット」は OGP 1200×630 などの決まったサイズに中央を切り出します。
3. 出力形式（元のまま / WebP / JPEG / PNG）と品質、ファイル名の末尾に付ける文字を決め、「すべて変換」を押します。
4. 一覧の「保存」で1枚ずつ、または「すべてダウンロード」でまとめて保存します。設定を変えたら、もう一度「すべて変換」で作り直せます。

このツールについて

すべての処理はお使いのブラウザの中で行います。画像は createImageBitmap（非対応の環境では img 要素）で読み込み、canvas に描き直して toBlob で書き出します。ファイルがサーバーへ送られることはなく、ページを閉じれば残りません。

「長辺を指定」は長い方の辺が指定したピクセル数に収まるよう縮小するだけで、小さい画像を拡大することはありません。プリセットは CSS の object-fit: cover と同じ考え方で、目標の縦横比になるよう中央を切り出してから縮小します。元画像が目標より小さい場合は、既定では縦横比だけ合わせて拡大せずに出力します（チェックを入れると拡大します）。プリセットの寸法は、各サービスのヘルプで案内されている推奨サイズ（OGP 1200×630、X ヘッダー 1500×500、YouTube サムネイル 1280×720）と、正方形 1080×1080 です。

品質の既定値 0.85 は、見た目の劣化が分かりにくい範囲でファイルサイズを抑える値として作者が選んだもので、規格上の根拠があるわけではありません。同じ画像を 0.80 と 0.90 で書き出して見比べると、自分の用途に合う値が決めやすくなります。PNG は可逆圧縮のため品質の設定は使われません。JPEG は透明を扱えないため、透過部分は白で塗りつぶします。

書き出しは再エンコードなので、撮影日時・位置情報・カメラ機種といった EXIF 情報は出力ファイルに含まれません。位置情報を含む写真を公開する前の処理としても使えますが、写真の向きは読み込み時に反映したうえで書き出します。ICC プロファイル（色空間の情報）も引き継がれないため、広色域で撮影した写真は色味がわずかに変わることがあります。

よくある質問

Q. iPhone の HEIC 写真は読み込めますか？

ブラウザが HEIC のデコードに対応している場合のみ読み込めます。対応状況はブラウザによって異なり、非対応の場合は「読み込めませんでした」と表示されます。その場合は、写真アプリから JPEG で書き出すか、iPhone のカメラ設定を「互換性優先」にして撮影したものを使ってください。

Q. WebP にすると、どのくらい小さくなりますか？

画像の内容と品質の設定によって大きく変わります。写真では同じ見た目の JPEG より小さくなることが多く、一覧の「削減率」で実際の結果を確認できます。逆に、もともと強く圧縮された画像や小さな画像では、ほとんど変わらないこともあります。

Q. 画像が大きくなってしまいました。

小さな JPEG を PNG に変換した場合や、元の画像が強く圧縮されていた場合に起こります。削減率がマイナスのときは、出力形式を WebP または JPEG にするか、品質を下げてみてください。

Q. GIF アニメーションは変換できますか？

静止画（最初のフレーム）として処理されます。アニメーションを保ったままのリサイズには対応していません。

Q. 画像はどこかにアップロードされますか？

いいえ。読み込み・変換・保存のすべてがお使いの端末のブラウザ内で完結し、サーバーへの送信はありません。ページを再読み込みすると一覧は消えます。