image

画像圧縮・変換

PNG・JPEG・WebPの圧縮、形式変換、リサイズ、比較、Base64化をブラウザ内で行います。

ローカル処理
ファイルについてこのツールで選択したファイルや入力内容は、Browser Kittyのバックエンドへアップロードせずブラウザ内で処理します。

このツールについて

画像圧縮・変換は、PNG・JPEG・WebPをブラウザ内で圧縮、形式変換、リサイズするツールです。単に画質を下げるだけでなく、元画像と変換後を重ねて比較しながら、用途に合うファイルサイズと見た目を探せます。

Web制作向けにBase64 Data URI、HTML、CSS、Markdown、picture要素用の素材も生成できます。選択した画像はBrowser Kittyへアップロードせず、変換処理は端末内で行います。

こんなときに便利

  • Webサイト掲載前に画像をWebPへ変換し、容量を小さくしたい
  • SNSやメール添付向けに画像の縦横サイズと容量を調整したい
  • Base64やpictureタグを含むWeb素材を画像からすぐ作りたい

できること

このツールで利用できる主な機能です。

使い方

  1. 「ツールを開く」からPNG・JPEG・WebP画像を追加します。
  2. Autoまたは任意の出力形式を選び、必要なら最大幅・高さを指定します。
  3. JPEG / WebPでは品質または目標容量を調整して変換します。
  4. Before / Afterや差分強調で見た目を確認します。
  5. 画像単体、複数画像のZIP、またはBase64・Web素材として保存します。

対応範囲

  • 入力・出力: PNG / JPEG / WebP。
  • リサイズ: アスペクト比を維持した最大幅・最大高さ指定。
  • JPEG / WebP: 品質調整と目標容量モード。
  • Web出力: Base64、HTML、CSS、Markdown、picture要素、Web素材ZIP。

制限・注意点

  • PNGはロスレス出力のため、JPEG / WebPと同じ品質スライダーや目標容量探索は適用されません。
  • WebPエンコード結果はブラウザのCanvas実装に依存します。
  • Canvasで再エンコードするため、EXIFなどのメタデータは除去されます。
  • 非常に大きな画像や大量の一括処理では端末メモリを多く使用する場合があります。

よくある質問

画像はサーバーへアップロードされますか?

いいえ。画像の読み込み、変換、比較、保存はブラウザ内で行い、選択した画像をBrowser Kittyへ送信しません。

WebPへ変換できますか?

はい。PNG・JPEG・WebPを読み込み、対応ブラウザではWebPとして保存できます。

複数画像をまとめて処理できますか?

はい。複数画像を一括変換し、まとめてZIPで保存できます。

EXIF情報は残りますか?

いいえ。Canvasで再エンコードするため、EXIFなどのメタデータは意図的に除去されます。

オフライン版・ソースコード

GitHubで完全内包の単一HTML版を公開しています。保存したdist/index.htmlを直接開けば、画像を外部へ送らずオフラインでも変換できます。

GitHubでソースを見る