WebP変換

WebP変換

PNGやJPGなどの画像を、品質・最大幅・用途別設定を調整しながらWebP形式に変換できる無料ツールです。

最終更新:2026年7月17日対応:WebWebP化・容量削減を確認
関連ガイドWebP画像を使うメリットと注意点詳しく読む →

画像をアップロード

画像を選ぶと、元画像とWebP変換後を同じ場所で比較できます。

画像を選ぶと、アップロード枠のすぐ下に元画像のプレビューが表示されます。変換後は同じ場所で容量差を確認できます。

用途別設定

まず近い用途を選び、必要に応じて品質・最大幅を調整します。

Web掲載・記事画像

ブログ本文や通常のWeb掲載で、見た目を残しながら容量を抑えたい画像向け

%

プレビューを確認してから画像をダウンロードできます。画像はブラウザ上で処理され、保存されません。

よくある用途に合わせて、品質と最大幅をまとめて選べます。

WebP変換で見るべきポイント

形式をWebPにするだけでなく、容量、画質、サイズ、使う場所まで合わせて確認すると、Web掲載で使いやすい画像にできます。

容量

元画像より軽くなったか

WebP化した後は、出力容量と元画像に対する割合を確認します。軽くならない場合は、品質や最大幅を見直します。

画質

文字・輪郭・グラデーションを見る

容量が小さくなっても、文字が読みにくい、輪郭が荒い、色の境目が崩れる画像は使いにくくなります。

サイズ

必要以上に大きくないか

Web掲載では、表示幅より大きすぎる画像が重さの原因になります。変換と同時に最大幅も調整します。

対応先

使う場所でWebPを扱えるか

Webページでは扱いやすい形式ですが、投稿先や入稿先が形式を指定している場合は、その指定を優先します。

元画像別の考え方

JPG、PNG、WebPのどれを元にするかで、変換後に確認すべきポイントが変わります。

JPGからWebP

写真や背景画像

写真はWebP化で容量を抑えやすいです。顔、商品、暗部、グラデーションが荒れていないか確認します。

PNGからWebP

透明背景や図解

透明背景を残せます。ロゴやアイコンは、輪郭のにじみと背景の透過状態を確認します。

WebPからWebP

再圧縮やサイズ調整

すでにWebPの画像は、再変換で軽くなる場合もありますが、画質が落ちたり容量が増えたりする場合もあります。

よくある失敗例と直し方

WebPは便利ですが、変換後のサイズ、品質、対応先を確認しないと使いにくい画像になることがあります。

!WebPにしただけで安心する

よくある状態:形式はWebPになったが、元画像の幅が大きすぎてページではまだ重い。

直し方:WebP変換と合わせて最大幅も調整します。記事画像なら1200〜1600px、カード画像なら1280px以下を目安にします。

!品質を下げすぎる

よくある状態:容量は小さくなったが、文字が読みにくい、顔やロゴの輪郭が荒い。

直し方:文字入り画像やロゴは88%以上から試し、容量が大きい場合は最大幅で調整します。

!すでにWebPの画像を何度も再変換する

よくある状態:軽くするつもりで再変換を繰り返し、画質だけが落ちてしまう。

直し方:再変換は一度だけにし、保存後の容量と見た目を比較します。変化が少ない場合は元画像を使う判断も必要です。

!投稿先の形式指定を見落とす

よくある状態:WebPで保存した後、投稿先や入稿フォームで使えないことに気づく。

直し方:Web掲載用ならWebP、SNS投稿や入稿先がJPG/PNG指定ならその形式を優先します。

確認しながらWebP化する流れ

WebP変換は、用途を決めてから容量と見た目を比較しながら調整すると失敗しにくくなります。

1

1. 画像を選ぶ

WebP化したい画像をドラッグ&ドロップ、またはファイル選択で読み込みます。

2

2. 用途別設定を選ぶ

近い用途を選び、品質と最大幅を自動入力します。必要に応じて手入力で調整します。

3

3. WebPに変換して比較する

変換後の容量、元画像に対する割合、文字や輪郭の崩れを確認します。

4

4. ダウンロードして確認

保存後、Webページや投稿画面に置いたときに、画質と読み込みのバランスが自然か確認します。

保存前チェックリスト

WebPに変換した画像を投稿・公開する前に、最低限ここを確認しておくと失敗しにくくなります。

変換後の容量が元画像より軽くなっているか

文字、顔、ロゴ、細い線がつぶれていないか

使う場所に対して最大幅が大きすぎないか

透明背景が必要な画像で背景が残っているか

投稿先や入稿先がWebP形式に対応しているか

WebP化だけでなく、必要に応じてリサイズや圧縮も確認したか

よくある質問(FAQ)

ツールを使うときに迷いやすい点を整理しています。

WebPにすると必ず容量は小さくなりますか?
必ず小さくなるとは限りません。元画像がすでに強く圧縮されている場合、品質を高くしすぎた場合、画像の内容によっては容量が増えることもあります。変換後の容量と見た目を確認してください。
JPGとPNGのどちらをWebPにするのが向いていますか?
Web掲載用の写真はJPGからWebP、透明背景のロゴやアイコンはPNGからWebPにすると使いやすいです。文字入り図解は品質を高めにして、文字が読めるか確認してください。
透明背景は残りますか?
WebPは透明背景を扱えます。PNGの透明部分を残したい場合は、変換後のプレビューや実際の表示場所で背景が意図どおりか確認してください。
品質はいくつにすればいいですか?
Web掲載用の写真や記事画像は80〜85%前後、文字入り図解やロゴは88〜92%前後から試すと調整しやすいです。容量だけを優先して下げすぎると、文字や輪郭が荒れやすくなります。
WebPをSNS投稿にも使えますか?
サービスや投稿画面によって扱いが異なります。SNS投稿や入稿先がJPGやPNGを推奨している場合は、その形式を優先してください。WebPは主にWebページ掲載やサイト内画像の軽量化で使いやすい形式です。