ブログ アップロード 短縮URL ツール ギャラリー FAQ お問い合わせ ログイン
📢 永久無廣告,自動清除EXIF,保護隱私內容
Tools

⚡ PNG を WebP に

ファイルサイズを 3 割以上削減

写真やイラストは 90% で十分。文字のスクリーンショットは 95% 以上を推奨。
WebP は透過に対応しています。オフにすると下の色で塗りつぶします。

🔒 すべての処理はブラウザ内で完結します。ファイルがサーバーに送信されることはなく、私たちが中身を見ることもありません。タブを閉じれば何も残りません。

PNG を WebP に:処理前後の比較例
左が元画像、右がこのツールで実際に処理した結果です(イメージ図ではありません)。記載のファイルサイズや寸法はすべて実測値です。

使い方の手順

  1. 画像を選ぶ PNG も JPG も投入でき、まとめて選択できます。透過 PNG は透明部分がそのまま保持されます。
  2. 透過を保持するか決める 「透過を保持」をオンにすれば透明のままです。オフにすると指定した背景色を敷いてから出力され、ファイルがさらに少し小さくなります。透過が不要と分かっている場合はオフが有利です。
  3. 画質を調整 90% ならほとんどの画像で違いは判別できません。さらに小さくしたい場合は 80% まで、アイコンや線画は 90% 以上を維持してください。
  4. 「大きくなったら元ファイルを残す」に注意 既定で有効です。元がすでに最適化された小さな PNG(パレット圧縮されたアイコンなど)の場合、WebP のほうが大きくなることがあり、そのときは元ファイルを残すのが妥当です。
  5. 実行してダウンロード 各行に削減率が表示されます。複数の場合は「まとめてダウンロード (ZIP)」で一括取得できます。

こんなときに使えます

サイト全体を WebP に移行する

WebP 本来の用途です。同等画質で PNG より 25〜35%、JPG より 25% 程度小さくなり、サイト全体を移行すれば読み込み速度と Core Web Vitals に体感できる改善が出ます。

透過素材を軽量化する

ロゴ、切り抜き商品写真、UI 素材はこれまで PNG しか選べず、ファイルが大きくなりがちでした。WebP は透過と非可逆圧縮を両立できる唯一の主要形式です。

画像が多いページ

商品一覧、ポートフォリオ、アルバムのように 1 ページに数十枚ある場合、1 枚 30% の削減はページ全体で 30% の削減になります。効果がもっとも実感できる場面です。

注意が必要なケース

HTML メール、.jpg / .png しか受け付けないアップロード欄、非常に古いシステムでは WebP に対応していないことがあります。他者に渡す前に確認しておくと安全です。

WebP に変換する価値

WebP は Google が推進する画像形式で、同等の見た目の品質で PNG より 60〜80%、JPG より 25〜35% 小さくなります。透過(PNG の長所)と非可逆圧縮(JPG の長所)の両方に対応しており、いいとこ取りができます。

互換性はすでに問題になりません。Chrome・Safari・Firefox・Edge はすべて対応し、iOS も 14 以降で利用可能です。よほど古いソフトに渡す場合を除き、Web 用途で WebP を使わない理由はありません。

表示速度への効果

画像はページ全体の転送量の 6 割以上を占めるのが普通です。トップページの画像を WebP に置き換えるだけで読み込み時間が半分になることも珍しくありません。Google の Core Web Vitals(特に LCP)にも効くため、SEO 面でも実利があります。


よくある質問

WebP の対応状況は十分ですか?
十分です。Chrome、Edge、Firefox、Safari(iOS 含む)はすべて対応し、SNS や主要な CMS も扱えます。残る例外は非常に古いシステム、一部のメールクライアント、.jpg / .png しか受け付けないアップロード欄などです。Web 用途なら安心して使え、他者にファイルを渡す前だけ確認すれば十分です。
どのくらい小さくなりますか?
同等画質で PNG より 25〜35% 小さくなるのが一般的で、ベタ塗り中心の画像では半分以下になることもあります。ただし保証ではありません。元がすでに最適化された小さな PNG(パレット圧縮されたアイコンなど)の場合、WebP のほうが大きくなることがあります。本ツールには「大きくなったら元ファイルを残す」オプションがあり、既定で有効です。
透過は保持されますか?
保持されます。WebP はアルファチャンネルに完全対応しており、JPG と違って PNG の代替になれる理由がここにあります。ページ上の「透過を保持」スイッチに注意してください。オフにすると指定した背景色を敷いてから出力するため、透過が不要でさらに小さくしたい場合に有効です。
WebP は非可逆ですか可逆ですか?
どちらも可能です。本ツールは非可逆モードと画質スライダーを使います。容量削減の効果がいちばん大きいためです。画質 90% ならほとんどの画像で違いは判別できません。再編集するピクセル単位の原本であれば PNG のままにしてください。

次に使いそうなツール

画像の作業は一度で終わらないことがほとんどです。「PNG を WebP に」とよく一緒に使われるのはこちら:

仕上げたものをそのまま共有しますか?アップロードなら画像・写真・動画を短縮リンクにでき、パスワード・有効期限・閲覧回数の上限も設定できます。ツール一覧もどうぞ。


ほかのツール

🗜️

画像を圧縮

画質を保ったままファイルを縮小

🎯

指定サイズに圧縮

2MB と指定すれば 2MB 以下に

📱

HEIC を JPG に

iPhone の写真を汎用形式へ

🕵️

EXIF の確認・削除

写真に含まれる情報を確認して削除

🪪

証明写真サイズ

パスポート・証明写真、印刷用シートも

📐

サイズ変更

幅・比率・指定サイズで変更

🔍

画像を拡大

最大 4 倍まで拡大

✂️

画像を切り抜き

ドラッグで残す範囲を選択

🔄

画像を回転

一括で回転・反転

💧

透かしを追加

位置と透明度を調整できる文字透かし

🫥

ぼかし・マスク

顔・ナンバー・個人情報を隠す

🖼️

JPG に変換

PNG・GIF・WebP を JPG へ

🎨

JPG を PNG に

可逆圧縮の PNG または WebP へ

🔲

グリッド分割

3×3 に分割して Instagram へ

🧩

画像を連結

複数画像を 1 枚の長い画像に

⭐

ファビコン作成

各サイズと .ico を一括生成

🌈

カラーパレット抽出

主要な色を HEX・CSS 付きで抽出

🧬

SVG を PNG に

ベクターを任意サイズのラスターへ

🔗

画像を Base64 に

Data URI・CSS・HTML を生成

🎬

動画からコマ抽出

任意の時点をカバー画像に

🌀

動画を GIF に

一部を切り出してアニメ GIF に

✨

単色背景を除去

白背景・グリーンバックの商品写真向け

📝

画像から文字起こし

スクリーンショットの文字を抽出

📄

画像を PDF に

複数の画像を 1 つの PDF に

📑

PDF を画像に

各ページを JPG / PNG に変換