メインコンテンツへスキップ
画像・Web最適化

PNGをWebPに無料変換|画像をWeb向けに最適化

ホームページ用のPNG画像をWebPに。透過背景を保ったまま、ファイルをぐっと軽くできます。

画質

PNGファイルをここにドラッグ&ドロップ

または ファイルを選択

または画像を貼り付け(Ctrl+V)

PNG · 1ファイル最大50MB

結果

ここに結果が表示されます

くわしく知る

PNGをWebPに:知っておきたいこと

変換する価値のあるPNG

Webサイトで使う切り抜きの商品画像、ロゴ、イラスト、スクリーンショットです。PNGでは数百KBあることも多いですが、WebPならその数分の1。しかもJPGではできない透過背景もそのまま残せます。WebPは現在のすべてのブラウザで表示でき、WordPressやShopifyでも使えます。

設定と上限

画質の設定はWebPのエンコードにかかります。輪郭の細かいメイン画像やロゴには「高画質(90%)」、サムネイルには「標準(75%)」がおすすめです。文字の多いスクリーンショットは「高画質」のほうがくっきり保てます。編集用の元データとして、PNGはそのまま残しておきましょう。1枚あたり50MBまで対応しています。

使い方

PNGからWebPへの変換は3ステップ

  1. PNGファイルを追加する

    PNG画像を変換エリアにドラッグ&ドロップするか、クリックして選びます。ファイルプランなら複数のファイルをまとめてドロップできます。

  2. 画質を選ぶ

    画質を調整して、ファイルサイズと見た目のバランスを決めます。Web用の素材なら、ほとんどの場合92%が最適です。もっと小さくしたいなら80〜85%を試してみてください。画質の低下はわずかで、サイズは大きく減ります。

  3. WebPをダウンロード

    変換したファイルをダウンロードします。ファイルプランでまとめて変換した場合は、1枚ずつでもZIPで一括でも保存できます。元の画像が書き換わることはありません。

活用ガイド

PNG→WebP変換を使いこなすコツ

しくみ

WebPは、Googleが開発し、2010年に初めて公開した画像形式です。今のWebのためにゼロから設計され、動画コーデックVP8由来の高度な圧縮技術を使っています。非可逆・可逆の両方の圧縮、アルファチャンネルの透過、さらにアニメーションにも対応しており、PNG・JPG・GIFを、より効率の良い1つの形式で置き換えられます。

Google自身のテストでは、可逆圧縮のWebPは同等のPNGより26%小さく、非可逆圧縮のWebPは同じ見た目の画質のJPGより25〜34%小さくなっています。そのためWebPは、Webの表示速度を高めるための推奨形式とされ、Core Web Vitalsのスコアや検索順位にも直接影響します。

かんたん・すばやい

プライバシーと安全性

画像がサーバーにアップロードされることはありません。PNGからWebPへの変換は、HTML5のCanvas APIを使ってすべてブラウザ内で行われます。商品画像も、会社のロゴも、プライベートな写真も、すべて端末の中にとどまります。

端末側で処理するので、アップロードの待ち時間もサーバーの順番待ちもなく、素材が第三者に保存・キャッシュ・閲覧される心配もありません。ページを閉じるか再読み込みすれば、変換したファイルはすぐにブラウザのメモリから消去されます。

ブラウザ内で完結
よくある質問

PNG→WebP変換のよくある質問

PNGからWebPへの変換について知っておきたいこと