PicBrewery について
PicBrewery は、画像の圧縮と変換をすべてブラウザ内で行う無料のオープンツールです。画像はサーバーにアップロードされず、端末の中に留まります。
これは何か
PicBrewery は、写真やグラフィックを最適化する単一ページの Web アプリです。JPG、PNG、WebP、AVIF、BMP をドロップすると、4 つの現行形式の圧縮版が並んで表示されるので、見た目を保ちつつ最も軽いものを選べます。1 バッチ最大 20 ファイル・各 20 MB、同時エンコードは 2 本までに抑え、PC が重くなりすぎないようにしています。
画像を最適化する理由
多くの Web ページで、画像が転送量の主役です。HTML、CSS、JavaScript を合わせたより大きいことも珍しくありません。圧縮と現行形式への変換は、コードを書き換えずにページを速くし、帯域コストを下げ、検索順位を改善する最も手堅い手段のひとつです。
- 表示の高速化と SEO。 画像の重さは Largest Contentful Paint（LCP）の主要因であり、Google の Core Web Vitals にも大きく効きます。ヒーロー画像を 40〜60% 軽くすると LCP が「要改善」から「良好」へ移りやすく、モバイル検索や広告品質にも効きます。
- モバイルや低速回線での離脱減。 3G/4G や不安定な Wi‑Fi では、数 MB の JPEG が最初の表示を遅らせます。約 3 秒を超えると離脱が増えがちです。軽い AVIF や WebP で、実際のトラフィックの多くを占める端末でも使いやすく保てます。
- ホスティングと CDN の転送料削減。 静的サイトや EC、SaaS のランディングでは帯域が変動コストの中心になりがちです。画像の半分の容量にできれば、しばしば転送の大半を占める画像 egress も半分に近づきます。
- PWA のインストールサイズとオフラインキャッシュ。 Service Worker のキャッシュには端末ごとに上限があります。画像が小さいほど、オフライン体験や再表示が快適になり、他アセットの余裕もできます。
- アプリやアニメーションの UX。 巨大なビットマップのデコードはメインスレッドを塞ぎ、スクロールや画面遷移、ギャラリーのスワイプでカクつきの原因になります。軽いファイルは速くデコードされ、低スペック端末でも滑らかさを保ちやすくなります。
仕組み
PicBrewery は本番品質の画像コーデックを WebAssembly にコンパイルし、UI を止めないよう Web Worker 内で実行します。デスクトップ向けツールと同じライブラリが処理の本体で、つなぎ役が JavaScript です。
- JPEG — 高品質 JPEG の参照実装である MozJPEG。
- PNG — Rust の可逆 PNG 最適化ツール oxipng。
- WebP — Google の libwebp（非可逆・可逆の両方）。
- AVIF — AOM AV1 エンコーダを使う libavif。写真圧縮の最先端に近い選択肢です。
ファイルをドロップすると、デコードと再エンコードはすべて端末上で行われます。OffscreenCanvas と型付き配列でピクセルデータのコピーを抑え、完成した Blob はダウンロードリンクへ、またはブラウザ内の
fflate で ZIP にまとめます。
プライバシー
画像処理は 100% クライアントサイドです。 ファイルのデコード、再エンコード、ZIP 化はすべてブラウザ内で完結し、サーバーに送られることはありません。コーデックのバイナリは静的アセットです。一度読み込めば、PicBrewery はオフラインでも動作します。
サイト本体はプライバシーに配慮した分析（Google アナリティクス 4 と Yandex.Metrica）を使い、プロジェクトを無料で維持するため広告（Google AdSense と Yandex 広告ネットワークなど）を表示することがあります。これらは Cookie バナーでオプトインするまで読み込まれません。同意・拒否・設定変更はいつでも プライバシーポリシー ページまたはフッターの「Cookie 設定」から行えます。
テーマや詳細なコーデック設定などの好みは、再読み込み後も残るよう端末の localStorage に保存されます。
対応ブラウザ
WebAssembly、Web Worker、OffscreenCanvas に対応したモダンブラウザが必要です — Chrome 90+、Firefox 90+、Safari
15+。古いブラウザでは非対応画面が表示されます。
さらに詳しく
画像形式の深掘りは、フォーマット比較（JPEG、PNG、WebP、AVIF の実用ガイド） からどうぞ。ツール本体は PicBrewery です。