PNG を WebP に変換する

Web サイトの表示速度の改善に使えます。PNG の透過をそのままに、ファイルサイズを大きく削減します。

お使いの環境を確認しています…

設定

80

使い方

  1. 1

    画像を追加する

    枠内にドラッグ&ドロップするか、クリックして選びます。複数枚をまとめて追加できます。

  2. 2

    出力形式と品質を選ぶ

    変換先の形式と品質(1〜100)を指定します。数値が高いほど高画質で、ファイルは大きくなります。

  3. 3

    変換して保存する

    「実行」を押すと 1 枚ずつ処理され、完了した画像から保存できます。複数枚は ZIP でまとめて保存できます。

PNG と WebP の違い

WebP は Google が開発した形式で、非可逆・可逆の両方と透過をサポートします。PNG の代替として使うと、同じ見た目で 50〜80% 小さくなることが多く、Core Web Vitals の LCP の改善につながります。

現在はすべての主要ブラウザが WebP を表示できます。ただし一部の古いアプリやオフィスソフトでは開けないため、Web 以外での利用が主目的なら PNG のままにしておくのが安全です。

よくある質問

透過は保たれますか?

保たれます。WebP は透過をサポートしており、PNG のアルファチャンネルはそのまま変換されます。

画質は落ちますか?

初期設定の品質 80 は非可逆モードなので、わずかに劣化しますが、画面表示で気づくことはほぼありません。ロゴやアイコンなど劣化を許容できない場合は品質を 100 にしてください。

どのくらい小さくなりますか?

写真やグラデーションを含む PNG は 80% 以上減ることもあります。色数の少ないアイコンや図では 30〜50% が目安です。

WebP を表示できない環境はありますか?

現行のブラウザはすべて対応しています。古い画像ビューアやメールソフトでは開けない場合があるため、Web 以外で配布する画像は PNG や JPG を使ってください。

サービス品質向上へのご協力のお願い

変換や圧縮が失敗したとき、そのときの状況を送っていただけると原因の特定に役立ちます。どの端末・どの形式で失敗しやすいのか、どれくらい時間がかかっているのかが分かれば、対応形式の見直しや不具合の修正に反映できます。差し支えなければ、このままオンにしていただけると助かります。

送信する情報

  • 使ったツールと選んだ設定(出力形式・品質など)
  • 端末の性能(GPU の有無・メモリ・コア数)
  • 入力の形式とおおよそのサイズ
  • 成功・失敗の件数と所要時間
  • 失敗した場合のエラーの種類と内容

送信しない情報

  • ファイルそのもの・ファイル名
  • 動画に入れる文字・字幕・プロンプト
  • 読み上げる文章・声の説明・読みの辞書・保存した声
  • PDF の文字・書き換えた文字列・黒塗りした文字列・パスワード・フォント名・指定したページの範囲
  • IP アドレス

送信先は当サイトのサーバーのみで、外部の事業者には提供しません。

ツールごとに送る内訳(数・時間・種類・有無だけ)

読み上げと PDF のツールでは、「送信する情報」に加えて次の内訳を送ります。

読み上げ
文章のおおよその文字数と文の数、分けて生成した回数、AI モデルの読み込み時間。
PDF のツール(共通)
ページ数の範囲、編集の禁止・権限パスワードの入力・電子署名・暗号化の有無。
PDF の文字の修正・黒塗り
書き換え・削除・白塗り・黒塗りの件数、書き換えた字の数(元のフォントの字と代替のフォントの字の別。代替のフォントの字は数の範囲)と代替のフォントの書体の種類、書き換えられない行の理由の種類、黒塗りで画像にしたページの数と理由。
PDF のページの操作と画像との変換
入力と出力の件数、回転・削除・複製・移動したページの数、そのまま入れた画像・変換した画像・HEIC の画像・向きを直した画像の数、解像度を下げたページの数(いずれも数の範囲)と、元の文書を書き換えたか新しい文書を作ったか、元の保護を付け直したか、入力欄を本文に書き込んだか、しおりを付け直したか。
PDF の圧縮
入力と出力の件数、縮めた画像・縮めなかった画像・白黒 2 値の画像の数、縮めた画像のうち透過の情報も縮めた画像・可逆圧縮のまま縮めた画像・CMYK から RGB にした画像の数と圧縮した回数(いずれも数の範囲)、縮めなかった理由の種類、目標の大きさに収まったかと収まらなかった理由の種類、小さくなった割合の範囲、元の保護を付け直したか、元の PDF をそのまま返したか。
PDF のトリミングとページ番号
入力と出力の件数、トリミングしたページ・余白を減らしたページ・番号を入れたページの数(いずれも数の範囲)、余白の決め方、トリミングするページ・番号を入れるページの選び方、番号の書式と位置、開始番号の範囲、元の文書をその場で書き換えたこと、元の保護を付け直したか。

関連ツール