画像圧縮ツール

使い方

1. 出力フォーマットを選択:元のまま、JPEG、PNG、WebP。
2. 品質スライダーを調整。写真コンテンツのデフォルトは 75 が定番。
3. 必要に応じて長辺をリサイズを有効化し、ピクセル値(例:1920)を入力。
4. 画像をドロップゾーンに投下するか、クリックでファイル選択。
5. 各結果カードに元サイズ・出力サイズ・寸法変化・節約パーセントが表示されます。
6. カード単位の ダウンロード、または すべてダウンロード でバッチ保存。

品質とファイルサイズのトレードオフ

品質スライダーは JPEG / WebP 出力の非可逆圧縮率を制御します。 90 を超えると圧縮の差はほとんど見えず、サイズの減少も限定的です。 60 を下回ると、滑らかなグラデーションや肌色領域にバンドが現れます。 多くの Web ビルドツールが採用する 75 は、写真の見た目を保ちつつスマホ原本のサイズを 60〜80% カットできる平衡点です。

フォーマットチートシート

• JPEG — 写真・ヒーロー画像など、連続諧調の画像。透明は非対応。
• PNG — UI スクリーンショット、ダイアグラム、ハードエッジや透明を含む画像。ロスレス。
• WebP — 現代ブラウザ全対応。同等品質で JPEG/PNG より 25〜35% 軽い。透明にも対応。
• 元のまま — リサイズだけしてフォーマットは変えたくない場合に。

長辺リサイズの戦略

一般的な Web レイアウトは長辺 1920px が上限。Retina(2× DPR)スクリーン向けには 2560〜3840px が目安。 長辺を指定すると、ツールがアスペクト比を維持したまま短辺を比例縮小します。 サムネイルや SNS プレビューには 1024 や 1440px を試してみてください。

プライバシー:アップロードゼロ

本ツールは createImageBitmap と Canvas 2D API を使い、ブラウザ内でデコードと再エンコードを完結させます。 圧縮結果は canvas.convertToBlob(またはフォールバックの canvas.toBlob)でローカル生成され、 一時的な blob URL でダウンロードできます。サーバーエンドポイントを一切経由しないため、機内モードでも全工程が動きます。

制限

• 1 ファイル最大 50 MB(モバイルブラウザはそれ以上の入力でメモリ枯渇)。
• アニメ GIF は設計上、最初のフレームに平坦化されます。アニメ再エンコードは ffmpeg をローカルで使ってください。
• EXIF 回転は自動適用:横向きで撮った写真も正位置で圧縮されます。

関連ツール

• WebP 変換器 — PNG/JPG ⇄ WebP のフォーマット変換に特化したシンプル UI。
• SVG Optimizer — ベクター画像はラスタライズ圧縮できないので、SVG ソースを最適化。
• 画像 to Base64 — 画像を data URL としてインラインに埋め込みたい時に。