品質を落とさずに画像を圧縮する方法
簡単な回答
画像を圧縮するには: 画像圧縮ツールを開き、画像をアップロード (またはドラッグ アンド ドロップ) し、品質スライダーを調整し (JPEG/WebP の 80 ～ 90 は通常は表示されません)、圧縮結果をダウンロードします。すべての処理は Canvas API を使用してローカルで行われます。画像がサーバーにアップロードされることはありません。
導入
大きな画像はウェブサイトの速度を低下させ、帯域幅コストを増加させ、SEO ランキングに悪影響を及ぼします。画像を圧縮すると、冗長データが削除され、JPEG/WebP の場合は、視覚的に重要ではない詳細が破棄されるため、ファイル サイズが削減されます (非可逆圧縮)。 PNG の場合、圧縮は可逆圧縮であり、データは破棄されません。目標は、目に見える品質の違いがない最小のファイル サイズを見つけることです。このガイドでは、無料のオンライン ツールを使用してブラウザーで画像を圧縮する方法を説明します。
ステップバイステップ
-
画像圧縮ツールを開く
画像圧縮ツールのページに移動します。このツールは、JPEG、PNG、WebP 形式をサポートし、ブラウザーの Canvas API を使用して画像をローカルで処理します。
-
画像をアップロードする
アップロード ボタンをクリックするか、画像をツールにドラッグ アンド ドロップします。このツールは、FileReader を使用して画像をメモリにロードし、処理用のキャンバスを作成します。サポートされている形式: JPEG、PNG、WebP、および BMP。
-
出力形式を選択してください
出力形式を選択します。写真の場合、JPEG または WebP が最適な圧縮率をもたらします。色の少ないグラフィック (ロゴ、アイコン) の場合は、PNG の方が適しています。 WebP は、同等の品質で JPEG よりも最大 30% 小さいファイルを生成します。
-
品質を調整する
非可逆形式 (JPEG、WebP) の場合は、品質スライダーを設定します。 80 ～ 90 は通常、人間の目ではオリジナルと区別できません。値が低い (60 ～ 70) と、目に見えるアーティファクトを含む小さなファイルが生成されます。 PNG (ロスレス) の場合、品質は適用されません。
-
圧縮されたイメージをダウンロードする
「ダウンロード」をクリックして圧縮イメージを保存します。このツールは、元のファイルと圧縮されたファイルのサイズ、および縮小率を表示します。視覚的に比較して、品質が許容できるものであることを確認します。
例
JPEG 写真圧縮
入力: photo.jpg (2.5 MB、品質 100)
出力: photo-compressed.jpg (350 KB、品質 85) — 86% 削減、目に見える違いはありません
PNG から WebP への変換
入力: 画像.png (1.2 MB)
出力: image.webp (180 KB、品質 90) — 85% 削減
積極的な JPEG 圧縮
入力: photo.jpg (2.5 MB、品質 100)
出力: photo-tiny.jpg (120 KB、品質 60) — 95% 削減、目に見えるアーティファクト
よくある問題
- すでに圧縮されているイメージを圧縮すると、JPEG を再圧縮すると、世代の損失が発生します。可能な場合は、常にオリジナル (PNG または RAW) から圧縮してください。
- グラフィックスに JPEG を使用する — JPEG アーティファクトは、シャープなエッジ、テキスト、単色で表示されます。ロゴ、スクリーンショット、イラストには PNG または WebP を使用してください。
- WebP を無視する —WebP は、同等の品質で JPEG よりも 25 ～ 35% 小さいファイルを生成し、最新のすべてのブラウザーでサポートされます。
- サイズ変更と圧縮 — サイズが大きい場合は、高品質の圧縮のみよりもサイズ変更 (例: 4000 ピクセルから 2000 ピクセル) の方が節約できることがよくあります。
ヒント
- 最新の Web サイトには WebP を使用してください。非可逆圧縮と可逆圧縮の両方をサポートしており、JPEG よりも最大 30% 小さくなります。
- 写真の JPEG 品質を 80 ～ 85 に設定します。これは、ファイル サイズが急激に減少するものの、品質の低下が目に見えないスイート スポットです。
- 圧縮する前に、画像のサイズを表示寸法に変更します。4000 ピクセルの画像を 800 ピクセルで表示すると、帯域幅が無駄になります。
- 画像圧縮機能を使用すると、瞬時にプライベートな処理を行うことができます。画像がブラウザーから離れることはありません。