画像圧縮・フォーマット変換

画像ファイルをJPEG・PNG・WebP形式に変換し、画質(圧縮率)やリサイズを調整しながら圧縮できるツールです。Canvas APIによりブラウザ内で圧縮後のサイズをリアルタイムに試算・プレビューでき、サーバーへ画像がアップロードされることはありません。

サーバーへ画像をアップロードせず、すべてお使いのブラウザ内で処理しているため安全・高速です。

画像をドラッグ&ドロップ、またはクリックして選択

PNG / JPEG / WebP / GIF / BMP / AVIF に対応

使い方

  1. 画像ファイルをドラッグ&ドロップするか、クリックしてファイルを選択します(PNG・JPEG・WebP・GIF・BMP・AVIFに対応)。
  2. 出力フォーマット(JPEG・PNG・WebP)を選び、画質(圧縮率)のスライダーを調整します。PNGを選択した場合、ロスレス形式のため画質スライダーは無効になります。
  3. リサイズしたい場合は、幅・高さのスライダーまたは数値入力で調整します。「アスペクト比を維持」をONにすると、片方を変更するともう片方が自動的に追従します。
  4. 元のサイズ・圧縮後の想定サイズ・削減率とプレビューを確認しながら、「圧縮画像をダウンロード」でファイルを保存します。

このツールについて

画像圧縮・フォーマット変換ツールは、画像ファイルをJPEG・PNG・WebP形式に変換し、画質やサイズを調整しながら圧縮できるツールです。Webサイトに掲載する画像の軽量化や、異なる形式への変換が必要な場合に活用できます。

Canvas APIの`toBlob`を使用して、フォーマットや画質・リサイズの設定を変更するたびに非同期で圧縮結果を再生成し、元のサイズとの比較や削減率をリアルタイムに確認できます。

お使いのブラウザが選択した出力フォーマットのエンコードに対応していない場合(一部のSafari/WebKit系ブラウザでのWebP出力など)は、その旨を警告として表示し、実際に生成されたフォーマットに応じてダウンロード時の拡張子を自動調整します。

よくある質問

WebPを選んだのにPNGと同じサイズになるのはなぜですか?

一部のブラウザ(主にSafariなどのWebKit系)はCanvas APIによるWebPへの変換に対応しておらず、その場合は仕様により自動的にPNG(ロスレス)として出力されます。この場合、画面上に「お使いのブラウザは対応していないため〜で出力されています」という警告が表示されます。Chromeなど対応ブラウザでは正しくWebPとして圧縮されます。

画質スライダーがPNG選択時に操作できません。

PNGはロスレス(可逆)圧縮のため、画質(圧縮率)の概念が存在せず、スライダーを操作してもファイルサイズは変化しません。サイズを小さくしたい場合はリサイズ機能をご利用ください。

アスペクト比を維持せずに画像を変形できますか?

「アスペクト比を維持」のチェックを外すと、幅と高さを独立して指定できるようになり、意図的に画像を引き伸ばす・押しつぶすこともできます。

画像はサーバーにアップロードされますか?

アップロードされません。画像の読み込み・圧縮・プレビュー生成はすべてブラウザ内のCanvas APIで処理されます。