ブラウザーで画像処理

端末内の画像一括圧縮(WebP / PNG / JPEG)

出力形式

計算結果

共有リンク

削減した合計サイズ

—

0 枚の画像 · 0 B → —

元のサイズ0 B
圧縮後のサイズ—

HTML5 Canvas を使い端末内で圧縮します。サーバーへのアップロードはありません。出力が元の画像より大きい場合は元のファイルを保持します。

計算方法とよくある質問

税、融資、休日、保障の規則は地域や時期で異なります。現地の最新規則と提供者の条件を確認してください。結果は概算です。

ブラウザー内で画像を圧縮する理由

ページ速度や Largest Contentful Paint(LCP)は検索評価や成約率に関わります。数 MB の写真を WebP や色数を削減した PNG にすると、見た目の変化を抑えながらサイズを60~85%程度削減できる場合があります。

ブラウザーのHTML5 Canvasで画像を処理するため、先にアップロードする必要はありません。速度と処理容量は端末とブラウザーによります。

  • ウェブ記事や通販のサムネイルには、透明度と小さなサイズを両立する WebP が便利です。
  • 幅制限がない場合、出力が小さくならなければ元画像を残します。幅制限を使うと、出力が元より大きい場合もあります。

WebP・PNG・JPEG の選び方

写真には品質75~85%の WebP・JPEG、画面画像・ロゴ・図には色数を削減した PNG や WebP が適しています。

計算方法

画像を端末内の HTML5 Canvas に読み込み、最大幅を指定した場合は縦横比を維持して縮小します。WebP・JPEG または色数を削減した PNG に変換し、メモリー内で標準 ZIP にまとめます。

よくある質問

圧縮時に画像がサーバーへ送られますか?
いいえ。読み込み、縮小、圧縮、ZIP 作成はすべてブラウザー内で実行されます。
ウェブ画像にはどの品質設定が適していますか?
75~85%が目安です。画像によっては高密度ディスプレイでの鮮明さを保ちながら、70%以上サイズを削減できます。
最適化済みの画像で削減率が0%になるのはなぜ?
再エンコードでサイズが増えることがあります。幅制限がなければ小さくならない出力は元画像に戻しますが、幅制限がある出力は大きくなる場合もあります。
ツール設定

ホーム画面に追加

ホーム画面に追加すると、独立したウィンドウで開けます。

スマートフォンでQRコードを読み取り、サイトを開いてホーム画面に追加します。

QRコードを生成中…

https://hkdatalab.com/ja

パソコン・Android:ボタンがない場合はブラウザーのメニューでアプリのインストール、またはホーム画面への追加を選んでください。対応はブラウザーによります。

キャッシュ済みの一部ページはオフラインで開ける場合がありますが、すべてではありません。新しいページや最新の為替・株価には接続が必要です。