⚡ PNG を WebP に
ファイルサイズを 3 割以上削減
🔒 すべての処理はブラウザ内で完結します。ファイルがサーバーに送信されることはなく、私たちが中身を見ることもありません。タブを閉じれば何も残りません。
使い方の手順
- 画像を選ぶ PNG も JPG も投入でき、まとめて選択できます。透過 PNG は透明部分がそのまま保持されます。
- 透過を保持するか決める 「透過を保持」をオンにすれば透明のままです。オフにすると指定した背景色を敷いてから出力され、ファイルがさらに少し小さくなります。透過が不要と分かっている場合はオフが有利です。
- 画質を調整 90% ならほとんどの画像で違いは判別できません。さらに小さくしたい場合は 80% まで、アイコンや線画は 90% 以上を維持してください。
- 「大きくなったら元ファイルを残す」に注意 既定で有効です。元がすでに最適化された小さな PNG(パレット圧縮されたアイコンなど)の場合、WebP のほうが大きくなることがあり、そのときは元ファイルを残すのが妥当です。
- 実行してダウンロード 各行に削減率が表示されます。複数の場合は「まとめてダウンロード (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 の対応状況は十分ですか?
.jpg / .png しか受け付けないアップロード欄などです。Web 用途なら安心して使え、他者にファイルを渡す前だけ確認すれば十分です。どのくらい小さくなりますか?
透過は保持されますか?
WebP は非可逆ですか可逆ですか?
次に使いそうなツール
画像の作業は一度で終わらないことがほとんどです。「PNG を WebP に」とよく一緒に使われるのはこちら:
- 🗜️ 画像を圧縮 — 画質を保ったままファイルを縮小
- 🎨 JPG を PNG に — 可逆圧縮の PNG または WebP へ
- 🖼️ JPG に変換 — PNG・GIF・WebP を JPG へ
仕上げたものをそのまま共有しますか?アップロードなら画像・写真・動画を短縮リンクにでき、パスワード・有効期限・閲覧回数の上限も設定できます。ツール一覧もどうぞ。
ほかのツール
画像を圧縮
画質を保ったままファイルを縮小
指定サイズに圧縮
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 に変換