無料PNGからWebPへの変換ツール
WebP変換ツール
無料PNG・JPGからWebP変換:一括、ブラウザー内 | We.Inc
PNGとJPGをブラウザー内でWebPに無料変換。一括変換し、画質と削減量を確認してダウンロードできます。画像は端末から出ません。
PNGまたはJPG画像を追加し、画質を選ぶと、通常は大幅に小さいWebPファイルを作成します。変換はブラウザー内で行われ、画像はアップロードされません。フォルダー単位で一括変換できます。
- 枠に画像をドロップするかクリックして選びます。PNG、JPG、GIF(最初のフレーム)、既存のWebPに対応します。
- 画質を設定します。写真なら80がよい初期値です。細かい文字や鋭い輪郭を含む画像では高めに設定します。
- 各画像をブラウザー内のcanvasに描画してWebPとして出力します。元のサイズ、新しいサイズ、削減量を確認できます。
- ファイルを個別にダウンロードするか、すべてまとめてダウンロードします。
- 変換前にリサイズしましょう。幅4000ピクセルの写真を1200ピクセルで表示するなら、形式にかかわらず多くの容量を削減できます。
- 透明PNGのロゴはWebPに変換できます。WebPは透明度に対応しているため、背景も透過したままです。
- 変換後のファイルが元より大きくなる場合もあります(小さなアイコンや最適化済み画像など)。その場合は元のファイルを使いましょう。
- 「blue-kitchen-renovation.webp」のように画像内容が分かるファイル名を付けます。画像検索に多少役立ち、自分でも管理しやすくなります。
よくある質問
このWebP変換ツールは無料で、プライバシーも守られますか?
はい。登録不要で無料です。内蔵canvasを使ってブラウザー内で変換するため、We.Incや他の誰かに画像がアップロードされることはありません。
WebPはすべてのブラウザーで表示できますか?
現在のChrome、Edge、Firefox、SafariはすべてWebP画像を表示します。Safariはバージョン14(2020年)で対応したため、表示できないのは非常に古い端末だけです。
WebPはPNGやJPGよりどれくらい小さくなりますか?
画像によって異なります。PNGで保存した写真は70〜90%小さくなることがあります。適切に圧縮したJPGと比べ、同程度の画質のWebPは通常25〜35%小さくなります。ファイルごとの削減量を表示します。
変換後も透明度は保たれますか?
はい。PNGの透明部分はWebPでも透明です。JPGには透明度がないため、JPGから変換した画像は完全に不透明です。
変換後にファイルが大きくなったのはなぜですか?
非常に小さい画像や最適化済み画像は、再エンコードすると少し大きくなる場合があります。該当ファイルでは元画像を残すよう警告します。
WebPをPNGやJPGに戻せますか?
はい。We.Incの無料画像圧縮ツールでJPG、PNG、WebPとして保存できます。
WebPでサイトが速くなる理由
- Webページでは画像が最も容量を使うことがよくあります。一般的な小規模事業サイトのホームでは、メイン写真1枚が文章、コード、フォントの合計より大きいこともあります。ページが完成して見えるまで、追加の容量はすべてスマートフォン回線で転送されます。これはGoogleがLargest Contentful Paintで測定する内容に直結します。
- WebPはGoogleがWeb向けに作った画像形式です。JPGより効率よく写真を圧縮し、PNGのように透明度も扱えるため、両方の用途に使えます。900 KBのPNGメイン画像を120 KBのWebPに置き換えるだけで、小規模サイトの速度が大きく改善することがあります。
適切な画質を選ぶ
- 画質設定はファイル容量と細部のバランスです。人物、料理、部屋、商品写真なら75〜85で、ほとんどの人には元画像と同じに見えます。スクリーンショット、図表、小さな文字を含む画像では90以上にします。低画質だと輪郭にぼやけたにじみが出ます。
- 一度変換し、元画像と並べて実寸で確認するのが最善です。違いが見えるまで画質を下げ、そこから一段上げます。
サイトでWebP画像を使う
- 多くのサイト作成ツールやコンテンツシステムでは、JPGと同じようにWebPをアップロードできます。自分でHTMLを書く場合も通常のimgタグを使えます。画像読み込み中にページが動かないよう幅と高さを指定し、内容を説明するaltテキストを加え、下の方にある画像にはloading="lazy"を付けましょう。
- We.Incで作成したサイトは最適化画像を自動配信しますが、アップロード前に写真を変換すると保存容量が抑えられ、ページも速くなります。
無料で始める · クレジットカード不要
製品
ご利用いただける方
機能
リソース
会社情報
サイトマップを見る