pipipipi.net

画像圧縮

ブラウザ上で画像を圧縮します。JPEGまたはWebP形式で出力でき、品質を調整してファイルサイズを削減できます。サーバーへのアップロードは行いません。

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

JPEG / PNG / WebP など

すべての処理はブラウザ内で完結します。画像はサーバーに送信されません。

出力形式はJPEGまたはWebPを選択できます。WebPはJPEGより高い圧縮率が期待できます。

透過PNG等を圧縮すると、透過部分は白背景になります。

画像圧縮でできること

画像のファイルサイズを品質を調整しながら小さくするツールです。出力形式はJPEGまたはWebPから選択でき、圧縮前後のプレビュー比較と削減率の確認ができます。すべてブラウザ上で処理されるため、画像データがサーバーに送信されることはありません。PNG画像を読み込んでJPEGやWebPに変換する使い方もできます。

可逆圧縮と非可逆圧縮の違い・用途別の目安

PNGは元データを完全に保持する「可逆圧縮」、JPEGと(通常設定の)WebPは人間の目に分かりにくい情報を間引いてファイルサイズを削減する「非可逆圧縮」です。この違いにより、同じ画像でも中身によって最適な形式・圧縮率は大きく変わります。試しに単色の帯を並べたイラスト調の画像と、細かいノイズを含む写真調の画像をそれぞれPNG・JPEG(品質80%)・WebP(品質80%)で書き出して比較すると、イラスト調ではPNG約17KBに対しJPEGは約9KB、WebPは約2KBまで縮小したのに対し、写真調ではPNG約2.7MBに対しJPEGは約228KB、WebPは約251KBという結果になりました。非可逆圧縮による削減効果は、画像の種類(色数の少ない平坦な領域が多いか、グラデーションやノイズを含む写真的な画像か)によって大きく変わることが分かります。

写真・グラデーションを含む画像
非可逆圧縮(JPEGまたはWebP、品質70〜85%目安)が効果的です。可逆圧縮(PNG)のままだとファイルサイズが数倍〜十倍以上に膨らむことがあります。
スクリーンショット・イラスト・ロゴなど色数の少ない画像
PNGでも十分小さくなりやすい画像です。JPEGにすると文字や輪郭ににじみ(ノイズ)が出ることがあるため、くっきりした線を保ちたい場合はPNG、さらに縮小したい場合はWebPが選択肢になります。
用途別の品質目安
ブログ・SNS掲載など表示速度優先の場面は70〜80%、印刷や保存を目的とした画質優先の場面は90%以上を目安にしてください。

PNG・JPEG・WebPの使い分け

PNG
透過が必要な画像、文字や線がくっきりした画像(スクリーンショット・ロゴ等)、編集を繰り返す元データの保存に向いています。
JPEG
写真・グラデーションを含む画像で高い圧縮率を発揮します。古いブラウザ・アプリ・印刷入稿など互換性が最優先の場面での定番形式です。
WebP
写真・イラストどちらでも高い圧縮率を得やすい形式です。透過も保持できますが、一部の古いソフトや印刷ワークフローでは非対応の場合がある点に注意してください。

使い方

画像の読み込み
ドラッグ&ドロップまたはクリックで画像を1枚選択します。あらゆる画像形式を読み込めます。
出力形式(JPEG / WebP)
2つのボタンで出力形式を切り替えます。JPEGは互換性が高く、WebPはより高い圧縮率が得られます。透過(透明部分)のある画像を圧縮する場合、JPEG形式では透過が失われますのでご注意ください。
品質スライダー(1〜100%)
スライダーを動かすと圧縮後の品質が変わります。初期値は80%で、見た目がほぼ変わらずサイズを大幅に削減できるバランスです。値を変更すると自動で再圧縮されます。
サイズ情報(元のサイズ・圧縮後・削減率)
元のファイルサイズ、圧縮後のファイルサイズ、削減率(%)が3列で表示されます。
プレビュー
元画像と圧縮後の画像が左右に並んで表示されます。画像にマウスを乗せると拡大表示されます。
「ダウンロード」ボタン
圧縮後の画像を選択した形式でダウンロードします。

よくある質問

このツールは無料ですか?
はい、無料です。登録も不要です。
画像データはサーバーに送信されますか?
いいえ、すべての処理はブラウザ内で完結します。画像データが外部に送信されることはありません。
どの画像形式に対応していますか?
読み込みはJPEG・PNG・WebP・GIF等あらゆる形式に対応しています。出力はJPEGまたはWebPから選択できます。
透過(透明部分)のある画像を圧縮できますか?
はい、読み込めます。ただしJPEG形式に変換すると透過情報は失われ、白または黒の背景に置き換わります。透過を保持したい場合はWebP形式をお選びください。
品質はどの値がおすすめですか?
初期値の80%が見た目をほぼ維持しながらサイズを大幅削減できるバランスです。ブログ用途は70〜80%、印刷用途は90%以上が目安です。プレビューで確認しながら調整してください。