画像・動画圧縮ツール

画像圧縮とは?

画像圧縮ツールは、アップロード不要で、写真やグラフィックのファイルサイズをブラウザ内で縮小します。画像をドラッグ&ドロップ(またはクリックして選択)し、品質レベルと出力形式(JPEG、またはより効率的な WebP)を選び、必要に応じて最大幅を指定して大きな画像をリサイズできます。本ツールは HTML キャンバスで画像を再エンコードし、元のサイズと圧縮後のサイズ、削減率を含むビフォーアフターのプレビューを表示し、最適化したファイルをダウンロードできます。すべてローカルで動作するため、画像が端末から外に出ることはなく、高速かつ完全に非公開です。

画像圧縮は、画像から冗長または知覚しにくいデータを除去することでファイルサイズを削減します。小さい画像は読み込みが速く、帯域幅の消費が少なく、Core Web Vitals スコアが向上し、SEO とユーザー体験に直接影響します。このツールは非可逆圧縮(JPEG/WebP)と可逆圧縮(PNG)の両方をサポートし、動画圧縮にも対応しています。

使い方

  1. ドロップ領域に画像をドラッグするか、クリックしてファイルを選びます。
  2. 品質スライダーを調整し、JPEG か WebP を選び、必要なら最大幅を設定します。
  3. ビフォーアフターのサイズを比較し、圧縮した画像をダウンロードします。

使用例

  • ページ読み込み速度を改善するため、EC サイトにアップロードする前に商品画像を圧縮する。
  • メール添付・ポートフォリオのアップロード・SNS 投稿のために写真サイズを削減する。
  • ファイルサイズ制限のあるメッセージアプリで共有するために動画クリップを圧縮する。
  • Google PageSpeed スコアと Core Web Vitals を改善するためにウェブサイトの画像を最適化する。

画像・動画圧縮の仕組み

画像の場合、ツールは元の画像をオフスクリーンの HTML Canvas に描画し、品質パラメーター(0〜1)を指定して canvas.toBlob() でエクスポートします。PNG(可逆)の場合は DEFLATE 圧縮が品質劣化なしに適用されます。

動画の場合、ツールは VP8 または H.264 コーデックで MediaRecorder API を使い、ソースファイルのビットレート(ファイルサイズ÷再生時間)の分数を目標ビットレートとします。

メリット

  • 見た目の劣化なく画像を軽量化し、サイト・メール・アップロードを高速化できます。
  • WebP に変換してファイルを小さくしたり、大きすぎる写真を一度にリサイズできます。
  • 100% ブラウザ内で動作し、画像がサーバーにアップロードされることはありません。

Imagens Comprimidas no Seu Dispositivo (JA)

Compressão de imagem é realizada usando bibliotecas de processamento de imagem JavaScript que rodam no seu navegador. As imagens que você envia e comprime permanecem inteiramente no seu dispositivo — nenhum dado de imagem é enviado a nenhum servidor. (JA)

FAQ

画像はどう圧縮されますか?

HTML キャンバスに再描画し、選んだ品質で JPEG または WebP に再エンコードします。すべてブラウザ内で行われます。

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

いいえ。圧縮はローカルで行われ、画像が端末から出ることはありません。

どの形式で書き出せますか?

JPEG と WebP です。WebP は通常、同じ見た目の品質でより小さなファイルになります。

ウェブ画像には JPEG と WebP のどちらを使うべきですか?

WebP は同じ視覚的品質で JPEG より通常 25〜35% 小さいファイルサイズを実現します。すべての現代ブラウザーが WebP をサポートしています。新しいウェブプロジェクトには WebP を選び、非常に古いソフトウェアとの互換性が必要な場合のみ JPEG を使ってください。