JPG、PNG、WebP、AVIFをアップロードして、品質スライダーでリアルタイムプレビューを確認し、sharpとlibvipsで再エンコードしたファイルをダウンロードできます。
またはここに画像をドロップ
圧縮中…
画像を圧縮するには、JPG、PNG、WebP、またはAVIFファイルをページにドロップしてください。ブラウザ上でリアルタイムプレビューが表示され、品質スライダーを動かすたびに圧縮後のファイルサイズを確認できます。ダウンロードボタンを押すと、sharpとlibvipsを使ったサーバー側のエンコードが実行されます。これはVercelやShopifyでも採用されているエンコードスタックで、同じ品質設定のままブラウザ処理より5〜20パーセント小さいファイルを生成します。アップロードできるファイルの上限は25MBです。スライダーのドラッグ中はネットワーク通信が発生せず、すべてブラウザ内の処理です。ファイルが送信されるのはダウンロードボタンを押したときのみで、DevToolsのNetworkタブで確認できます。サーバー側のキャッシュはテナント単位で分離され、短時間で削除されます。ウェブサイトの表示速度を上げたい方、写真をメールに添付したい方、SNSへ投稿する前に容量を抑えたい方に適したツールです。
このページはデュアルレーン方式の画像圧縮ツールです。プレビュー上部のスライダーは、ブラウザ標準のcanvas.toBlobを使ったローカルエンコーダで、選んだ品質値で即座に再描画されます。スライダーを動かすたびに分割プレビューとバイトカウンタが更新され、ネットワーク通信は発生しません。ダウンロードボタンを押すと、元のファイルがCloudflare Worker経由でサーバーに送信され、sharpとlibvipsによる最終エンコードが行われます。これはVercelやShopifyでも採用されているエンコードスタックです。出力は入力と同じ寸法を保ち、JPG、PNG、WebP、AVIFの入出力をすべて自由に組み合わせられます。
JPG、PNG、WebP、またはAVIFをアップロードエリアにドロップするか、Ctrl＋V（Macの場合はCmd＋V）でクリップボードから貼り付けてください。出力フォーマットは3つのカードから選択できます（写真にはWebPを推奨）。品質スライダーをドラッグして、バイトカウンタの数値とプレビューの見え方を確認しながら、目的のサイズに合わせて調整します。ダウンロードボタンを押すと、サーバー側でエンコードされた結果が保存されます。圧縮サービスに接続できない場合は、ブラウザでエンコードされたプレビューがそのまま保存されるため、常にファイルを受け取れます。
品質スライダーは1から100まで動き、ロッシー圧縮のデフォルトは78です。品質80はAdobe PhotoshopのJPEG書き出しで「高（High）」と表示される設定に相当し、ポートフォリオやクライアント納品に安全な選択です。品質60はウェブで一般的な設定で、4MPの写真を200〜400KBに収めても通常の閲覧距離では劣化を感じにくいレベルです。品質50を下回るとグラデーションや肌のトーンにブロック状のノイズが出始め、品質30を下回ると明らかにサムネイル品質になります。スライダー上部のバイトカウンタが出力サイズをリアルタイムで表示するため、推測する必要はありません。
このツールは同じソース画像に対してJPG、WebP、AVIFのバイト数を同時に表示するため、汎用ベンチマークではなく実際のファイルで比較できます。目安として、WebPは同じ画質でJPGより25〜35パーセント小さく、AVIFはJPGより40〜60パーセント小さくなります。AVIFはlibaomの計算負荷が高いため、8MPの写真をサーバー側でエンコードすると3〜8秒かかります。Chrome、Firefox、Safari、Edgeのいずれも2026年時点で3形式すべてをサポートしています。色数が限られたスクリーンショットやロゴはPNGが向いており、パレット最適化がロッシーコーデックよりも有利に働きます。
スライダーのプレビューは通信ゼロで動作します。ドラッグ操作のたびにブラウザ内でcanvas.toBlobが呼び出され、DevToolsのNetworkタブをcompressでフィルタすればリクエストが発生していないことを確認できます。アップロードが発生するのはダウンロードボタンを押したときだけです。ファイルはHTTPSで/api/compressに送信され、sharpとlibvipsを動かすバックエンドへ中継されます。エンコード結果はレスポンスボディで返り、ダウンロードフォルダに保存されます。中間ファイルはテナント単位で分離されたキャッシュに短時間だけ保持され、その後削除されます。サービスに到達できない場合や25MBを超える場合は、ブラウザのエンコーダが静かにフォールバックとして動作します。
リサイズには対応していません。出力寸法は入力寸法と同じです。ピクセル数も減らしたい場合は、先にResizeツールを使ってください。バッチアップロードもサポートしておらず、1度に処理できるのは1枚です。EXIFは保持されません。メタデータはlibvipsとsharpのエンコーダ段階で削除されます。これはプライバシー上の利点ですが、GPSやカメラ情報は失われます。向きタグは削除前に読み取って適用されるため、出力は正しい向きで保存されます。GIFアニメーションは最初のフレームのみ処理されます。目標サイズ指定モードはありませんが、ライブのバイトカウンタを見ながら2〜3回スライダーを調整すれば、目標値の10パーセント以内に収められます。
JPG、PNG、WebP、またはAVIFをアップロードエリアにドラッグするか、クリックして選択してください。Ctrl＋VまたはCmd＋Vでクリップボードからも貼り付けられます。
JPG、WebP、AVIFのいずれかをクリックして出力形式を設定します。ウェブ用の写真にはWebPがデフォルトで、多くの場合に最小サイズとなります。
スライダーを動かすとバイトカウンタが更新されます。ファイルサイズが十分に小さく、プレビューの見え方が問題なければそこで止めてください。
元のファイルがサーバーに送信され、sharpとlibvipsでエンコードされた最終ファイルが保存されます。通常はブラウザのプレビューより5〜20パーセント小さくなります。
画像をページにドロップしてから、品質スライダーをカウンタの数値が目標サイズに収まるまでドラッグしてください。ダウンロードボタンを押すと、sharpとlibvipsでエンコードされた結果を取得できます。作業全体は1分以内で完了します。ダウンロードボタンは圧縮サービスへのPOSTを発生させますが、サービスに到達できない場合はブラウザでエンコードされたプレビューがそのまま保存されます。
未圧縮のスマートフォン写真は通常4〜6MBあります。品質78でMozJPEGによって再エンコードすると、同じ写真が800KB〜1.5MBに収まり、メール添付やWhatsApp、LINEでの共有、ウェブのヒーロー画像として違和感なく使えます。圧縮された画像は読み込みも速くなるため、Core Web Vitalsのスコア改善にも役立ちます。
完全なロスレス圧縮が必要な場合は、出力形式にPNGを選んでください。PNGパスではpnpngquantによるパレット最適化が動作し、未最適化のPNGを知覚的な差異なしで30〜50パーセント縮小できることがあります。JPG、WebP、AVIFなどのロッシー形式では、品質80が多くの閲覧者が差を見分けにくい実用上の目安ですが、結果は画像の内容に依存します。
目標サイズ指定モードはありませんが、ライブのバイトカウンタを見ながら調整すれば目的の値に近づけられます。カウンタが目標値を示すまでスライダーを下げて、ダウンロードを押してください。2〜3回の調整で、ほぼすべての目標サイズの10パーセント以内に収められます。下げすぎた場合はスライダーを少し戻してください。
画像の内容によって変わります。このツールは3形式のバイト数を同時に表示するため、実際のファイルで比較できます。目安として、WebPは同じ画質でJPGより25〜35パーセント小さく、AVIFはJPGより40〜60パーセント小さくなりますが、エンコードに数秒余分にかかります。
いいえ。出力寸法は入力寸法と同じです。圧縮はバイトのエンコード方式を変えるだけで、ピクセル数は変わりません。解像度も下げたい場合（たとえば横4000pxを1200pxへ）は、先にResizeツールでサイズを変更し、リサイズ後のファイルを圧縮してください。この順番が最終的なファイルサイズが最も小さくなります。
良い円形クロップの背後にある技、フォーマット、小さな決定についてのチームからのメモ。