変換する価値のあるPNG
Webサイトで使う切り抜きの商品画像、ロゴ、イラスト、スクリーンショットです。PNGでは数百KBあることも多いですが、WebPならその数分の1。しかもJPGではできない透過背景もそのまま残せます。WebPは現在のすべてのブラウザで表示でき、WordPressやShopifyでも使えます。
ホームページ用のPNG画像をWebPに。透過背景を保ったまま、ファイルをぐっと軽くできます。
タップしてファイルを選択
PNGファイルをここにドラッグ&ドロップ
または ファイルを選択
または画像を貼り付け(Ctrl+V)
PNG · 1ファイル最大50MB
ここに結果が表示されます
Webサイトで使う切り抜きの商品画像、ロゴ、イラスト、スクリーンショットです。PNGでは数百KBあることも多いですが、WebPならその数分の1。しかもJPGではできない透過背景もそのまま残せます。WebPは現在のすべてのブラウザで表示でき、WordPressやShopifyでも使えます。
画質の設定はWebPのエンコードにかかります。輪郭の細かいメイン画像やロゴには「高画質(90%)」、サムネイルには「標準(75%)」がおすすめです。文字の多いスクリーンショットは「高画質」のほうがくっきり保てます。編集用の元データとして、PNGはそのまま残しておきましょう。1枚あたり50MBまで対応しています。
PNG画像を変換エリアにドラッグ&ドロップするか、クリックして選びます。ファイルプランなら複数のファイルをまとめてドロップできます。
画質を調整して、ファイルサイズと見た目のバランスを決めます。Web用の素材なら、ほとんどの場合92%が最適です。もっと小さくしたいなら80〜85%を試してみてください。画質の低下はわずかで、サイズは大きく減ります。
変換したファイルをダウンロードします。ファイルプランでまとめて変換した場合は、1枚ずつでもZIPで一括でも保存できます。元の画像が書き換わることはありません。
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への変換について知っておきたいこと