製品写真を右クリックし、「名前を付けて画像を保存」を選択すると、ファイルはダウンロード フォルダーに次のように保存されます photo.webp。 というページに普通の絵が写っていた。 というURLで終わっていた可能性もある .jpg。そして、スライドデッキに落としてフォームに取り付けたり、古い画像ビューアで開けたりしようとすると、拒否されます。
ダウンロードに問題はありませんでした WebPは、WebPが置き換えられたJPGまたはPNGよりも小さく、現在のすべてのブラウザがそれを表示するため、WebPを送信しました 摩擦は、ファイルがブラウザを離れるときにのみ表示されます このガイドでは、WebPとは何か、保存された画像がその形式で届く理由、まだ失敗する場所、および次のプログラムが受け入れるものに変換する方法、または独自の画像をそれに変換する方法について説明します。
tl;dr: WebPは、RFC 9649 で指定されたGoogleからの画像形式で、1 つのファイルタイプで非可逆および可逆圧縮、透過性およびアニメーションをサポートします ウェブサイトはJPGおよびPNGよりも小さいため、それを提供しますので、画像を保存する ページのURLに.jpgと表示されていても、しばしば.webpを与えます 現在のすべてのブラウザはWebPを表示しますが、一部のデスクトップアプリ、電子メールクライアント、およびアップロードフォームは依然としてWebPを使用して変換します WebP から PNG 透明性を保つために、最も幅広いサポートについては WebP から JPG、アニメーションについては WebP から GIF、ドキュメントについては WebP から PDF です。これらはすべてクライアント側で実行され、アップロードされるものは何もなく、無料、サインアップもありません。
WebPとは?
WebPは、Googleが2010 年にWebページ上の画像を小さくするためにリリースしたラスター画像形式である。 としてIETFに文書化されるようになった RFC 9649、WebP 画像形式、2024 年に公開。 RFCは2 つの圧縮方法を持つ1 つのコンテナを記述し、さらにオプションの透明度とアニメーションも記述するため、JPEG、PNG、GIFがそれらの間で分割するジョブを1 つのフォーマットでカバーする。
ファイルはRIFFコンテナで、WAVオーディオで使用されているのと同じチャンク構造です。 その最初の12 バイトはそう言います:
$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250 RIFF:...WEBP
RIFF、長さの4 バイト、その後 WEBP。内部にはチャンクがある: VP8 損失の画像データのために、 VP8L ロスレス用、 ALPH 透明チャネルについては、 ANIM あんど ANMF アニメーションの場合 Toolzコンバーターを含め、ファイルをバイト単位で識別するツールは、まさにその署名を探します。そのため、WebPはaで保存されます .jpg 名前は依然として WebP として認識されます。
WebPはどのように画像を圧縮しますか?
WebP には 2 つの別々の圧縮方法があり、ファイルが使用する圧縮方法によって、そのファイルの用途が変更されます。
損失の多い WebP は、VP8 ビデオコーデックのキーフレームコーディングに基づいています エンコーダは画像をブロックに分割し、すでにコーディングしたピクセルから各ブロックを予測し、品質設定に応じて粗くまたは細かい丸めでその差を格納します また、クロマサブサンプリングと呼ばれる、明るさの幅と高さの半分で色を格納します 目は明暗よりも色の細部に敏感ではないため、写真はこれをよく隠します 薄い色の線と平らな背景の小さな赤いテキストはそうではなく、柔らかいフリンジを拾うことができます。
ロスレス WebP はまったく異なるアルゴリズムです。予測変換、カラー キャッシュ、LZ77 スタイルの逆参照を使用して、すべてのピクセルを正確に再現し、JPEG ではなく PNG と競合します。
どちらの種類も透明度のためのアルファチャンネルを運ぶことができます。 alphaで損失のwebpは、PNGが提供できない組み合わせです: 小さなファイルに柔らかい透明なエッジを持つ写真カットアウト。
Google'その上で数字を公開しました WebP概要ページ、put lossless WebP at 26% smaller than PNG and lossy WebP at 25 to 34% smaller than comparable JPEG at equivalent SSIM quality.これらはテストセットに対する平均値です。 given image can save more or less, and a JPEG that was already heavily compressed often saves little.
保存した画像が.webpとして出てくるのはなぜですか?
サーバーがブラウザに WebP を送信することを選択したため、保存された画像は.webp として表示されます。また、Save Image As は、配信されたバイトを保持します。一般的な方法は 3 つあります。
コンテンツ ネゴシエーション. ブラウザが行うすべての画像リクエストには、 Accept 表示できるフォーマットをリストしたヘッダー。 で定義された HTTP コンテンツ ネゴシエーション RFC 9110、サーバーがそのヘッダーに基づいて表現を選択できるようにします。 Image CDNと多くのホスティングプラットフォームはそれを読み込み、WebPまたはAVIFをそれらを受け入れるブラウザーに返しますが、古いクライアントは同じURLからJPEGを受信します:
GET /images/product-42.jpg HTTP/1.1
Accept: image/avif,image/webp,image/apng,image/*,*/*;q=0.8
HTTP/1.1 200 OK
Content-Type: image/webp
URL は で終わります .jpg。 webp というレスポンスです。保存すると、ブラウザがコンテンツ タイプからファイルに名前を付けるので、取得します .webp。
ザ・ <picture> 要素。 サーバー上でネゴシエートを行わないサイトは、マークアップでいくつかの形式を提供でき、ブラウザは、に続いてサポートする最初の形式を選択します WHATWG HTML picture 要素 ルール:
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Product on a white background">
</picture>
パイプラインを構築する. サイトビルダー、画像コンポーネントを備えた WordPress 最適化プラグイン、およびフレームワークは、アップロードを WebP に自動的に変換します。サイトの所有者は JPG をアップロードしましたが、訪問者が受信した WebP を表示することはありません。
3 つのケースすべてにおいて、サイトはパフォーマンス監査が推奨するものを実行しています。 WebP は、表示用のより小さく正しいファイルです。これは、読み方を教えられなかったプログラムとしては、まったく間違ったファイルです。
WebPをサポートしているブラウザとアプリはどれですか?
現在のブラウザにはすべて WebP が表示されます。Chrome と Edge は長年にわたって WebP をサポートしており、Firefox はバージョン 65 で、Safari はバージョン 14 で追加しました。これにより、iPhone と iPad が普及しました。Web 上では、互換性はもはやそれを避ける理由にはなりません。
ブラウザの外では、サポートは不均一です 一部の古い画像ビューア、古いオフィススイート、電子メールクライアント、印刷サービス、およびアップロードフォームは、.webpを開かないか、拡張チェックで拒否します オペレーティングシステムの写真アプリはほとんど追いついていますが、共有作業用コンピュータまたはビジネスラインソフトウェアの一部には追いついていない可能性があります。
WebP を保存することは、表示するよりも普遍的ではありません。 WebP を書き込む Toolz コンバータは、キャンバスを介して browser's 独自のエンコーダを使用します。現在の Chrome、Edge、Firefox は、そのように WebP を書き込むことができます。 Safari は長い間 WebP を表示できましたが、常に保存できるわけではなく、ブラウザが WebP をエンコードできない場合、コンバータは、PNG を返却するのではなく、そう言うエラーを表示します .webp 名前.
なぜdoes'tは.webpを.jpg作品に改名するのですか?
ファイルの名前を変更すると、内容ではなくラベルが変更されます。 に名前が変更された WebP holiday.jpg まだ始まります RIFF あんど WEBP、そしてまだVP8 またはVP8Lデータを保持しています いくつかのプログラムは拡張子だけを見て、JPEGとしてファイルを読み取ろうとし、いいえを見つけます FF D8 FF 開始時にマーカーを付け、ファイルが破損していると報告します。他の人はバイトを嗅ぎ、webp であることに気づき、とにかく開くか、より明確なメッセージで拒否します。
アップロードフォームは最悪の場合です。拡張子のみをチェックするフォームは名前を変更したファイルを受け入れ、その後、server's イメージライブラリがそのファイルをチョークするか、完成したリストまたはプロフィールページで画像が壊れているように見えます。バイトをチェックするフォームはそれを完全に拒否します。どちらの結果も望んだものではなく、どちらも元の拒否よりも診断が困難です。
WebPをピクセルにデコードし、そのバイト数がその拡張子と一致する新しいファイルを書き込むため、実際の変換が唯一の信頼できる修正です。数秒かかり、後でサポート チケットを回避します。
WebPを変換せずにWebPを開くにはどうすればよいですか?
ブラウザウィンドウにドラッグします 現在のブラウザは、ローカルの.webpファイルを直接表示します これは、画像ビューアがそれを拒否しているコンピュータ上で1 つを見るための最も迅速な方法であり、そこから表示、ズーム、印刷することができます。
現在のオペレーティングシステムの写真アプリのほとんどもWebPを開くので、ダブルクリックは、同じマシン上の特定のエディタやオフィスのプログラムが動作しない場合でも、最新のマシンで動作する可能性があります 依存しているプログラムがWebPを読むことができないときは、最初に更新またはフォーマットプラグインをチェックします; どちらも存在しない場合は、コピーを変換して元のままにします。
ただし、開くことは使用することと同じではありません。画像が文書、フォーム、または電子メールに入力する必要がある場合、受信者's ソフトウェアはあなたのソフトウェアと同じくらい重要であり、JPG または PNG はその不確実性を取り除きます。
WebP 対 JPG 対 PNG 対 GIF: どのように比較しますか?
WebP は 3 つの古い形式すべてと重複しているため、WebP の魅力であると同時に、WebP から変換する際にターゲットの選択が必要な理由でもあります。
| 属性 | ウェブP | JPG | png | GIF |
|---|---|---|---|---|
| 指定 | RFC 9649 | ITU-T T.81 | W3C PNG | GIF89a |
| 圧縮 | 損失の多い、または損失のない | 不サンク | ロスレス | ロスレス、256色 |
| 透明度 | フルアルファ | なし | フルアルファ | ピクセルごとにオンまたはオフ |
| アニメーション | はいって | いやー | いいえ (APNGはともかく) | はいって |
| 写真ファイルサイズ | 小さい | 中 | 大型 | フィット感が悪い |
| ブラウザ 表示 | 現在のすべてのブラウザ | ユニバーサル | ユニバーサル | ユニバーサル |
| デスクトップ アプリとフォーム | パッチー | ユニバーサル | ニア ユニバーサル | ユニバーサル |
| ベスト用途 | ウェブサイトでの画像の提供 | どこでも写真を共有 | スクリーンショット、グラフィック、編集 | どこでもシンプルなアニメーション |
JPEG仕様は、 ITU-T T.81 そして、PNG は次のように定義されます W3C PNG仕様。表を実際に読み取るには、WebP を Web 上に置き、ファイルが右側の列に記載されている場所に移動する必要がある場合に変換します。
WebPをどの形式に変換する必要がありますか?
WebP に何が含まれているか、どこに行くかによってターゲットを選択します。透明性、アニメーション、目的地がそれを決定します。
| あなたの WebP は | に行きます | に変換する | ツール |
|---|---|---|---|
| 透明な背景を持つロゴ、アイコン、または切り抜き | どこでも | png | WebP から PNG |
| 写真 | 電子メール、フォーム、印刷物、古いソフトウェア | JPG | WebP から JPG |
| アニメーション | フォーラム、チャット、電子メール署名、Wiki | GIF | GIF に WebP |
| 1 つ以上の画像 | 誰かが印刷またはファイルする文書 | PDF を | WebP から PDF |
| フォーマットの組み合わせ、またはリストされていないターゲット | 様々 | 任意 | 画像コンバーター |
透明な画像の場合は、PNGを選択します. ザ・ WebPからPNGへのコンバーター アルファ チャネルを維持するため、透明な背景上のロゴは透明のままになります。 PNG はロスレスであるため、出力はデコードされたピクセルを正確に保持します。ロスレス ストレージにはバイトコストがかかるため、通常は WebP よりも大きくなります。
どこでも開く必要がある写真の場合は、JPGを選択してください。 あなたが webpをjpgにする、すべてのアップロードフォームが受け入れる形式を取得します。 JPGには透明性がないため、透明領域は白で埋められ、結果の下のメモにはそれが起こったと記載されています。 Qualityスライダーは10から100まで実行され、90から始まります。
アニメーションの場合、GIFを選択します. リアクションクリップから保存されたアニメーションWebPは、多くのフォーラムエディターや電子メールの署名では再生されません。 the WebPからGIFへのコンバーター は、すべてのフレームを元の遅延とループ数で書き込みます。 frames の読み取りには、browser' s ImageDecoder API が から使用されます W3C WebCodecs 指定、chromeとedgeは今日サポートしています。 FirefoxとSafariでは最初のフレームのみが読み取れるため、GIFは静止画で、行の下のメモにはそう書かれています。 GIFは1フレームあたり256 色なので、グラデーションがバンドする可能性があり、ソフトな透明なエッジは硬いものになります。 20 ミリ秒未満の遅延のあるフレームは100 ミリ秒で書かれており、ブラウザがそれほど短い遅延を再生する方法と一致します。
ドキュメントの場合は、PDFを選択します. あ WebP から PDF への変換 各ページに1 つの画像を、表示された順序で、単一のファイルに配置します。 webpは損失の多いソースであるため、画像はpdfを小さく保つために92% の品質でJPEGとして埋め込まれたり、画像に透明度がある場合pngとして埋め込まれたりしますページは画像に適合したり、a4 またはus Letterを使用したりできます。
それ以外の場合は、 を使用します 画像コンバーター。 WebP を JPG、JFIF、PNG、AVIF、GIF、BMP、ICO、HEIC、TIFF、PSD、SVG、CR2、DNG、PDF とともに読み取り、JPG、PNG、WebP、GIF、ICO、PDF、または SVG と書き込みます。 WebP は同じページからファビコンまたはトレースされた SVG になることができます。
自分の画像をWebPに変換する必要がありますか?
はい、あなたがウェブサイトで公開する画像の場合 画像は通常、ページの中で最も重い部分であり、数十もの写真を含むカタログページ全体の写真の複合材料を25 から34% 節約できます あなたが電子メールを送ったり、印刷したり、アーカイブしたりする画像の場合、いいえ: 元の形式を維持します。
2 つのコンバーターが共通のソースを処理します。 に jpg写真をwebpに変換する、あなたが持っている最大、最も圧縮されていないオリジナルから始めます.JPGはすでに損失が多いので、WebPとしてエンコードすることは2 番目のパスであり、あなたが始める品質は天井です.80 から85 の設定は、ほとんどの写真が画面上に目に見える違いを示すのをやめる場所です。
グラフィック、スクリーンショット、透明なものなら何でも、 WebP に PNG アルファチャンネルを保持し、通常はファイルサイズを鋭くカットします。上で説明したクロマサブサンプリングのため、小さな色のテキストを含むスクリーンショットには写真よりも高品質の設定が必要です。
WebP自体のサイズ制限は実際にはほとんど問題になりません RFC 9649 はロスレスWebPを16384x16384 ピクセルでキャップし、非可逆WebPはVP8 によって同様のサイズに制限されており、Webページが必要とする任意の画像をはるかに超えている非常に大きなパノラマまたは印刷解像度のスキャンがそれを満たす唯一のファイルであり、いずれにせよそれらはロスレスマスターフォーマットに属します。
オリジナルはどちらにしても保管してください。 JPG または PNG はマスター コピーであり、今後のすべてのトリミング、サイズ変更、または再エクスポートは WebP からではなく、そこから開始する必要があります。
クライアント側のWebP変換はどのように機能しますか?
クライアント側の変換とは、画像がブラウザ タブ内でデコードおよびエンコードされ、ファイルがアップロードされないことを意味します。現在のすべてのブラウザにはすでに WebP デコーダが含まれているため、WebP には追加のダウンロードは必要ありません。
- ページは各ファイルの最初のバイトを読み取り、 をチェックします
RIFF....WEBP署名。各ペア ページは独自のソース形式のみを受け入れるため、WebP から PNG ページにドロップされた PNG は別の場所に表示されます。 - ブラウザは WebP をピクセルにデコードします。
- ピクセルはキャンバスに描画され、ターゲットとしてエンコードされます。PNG、JPG、または WebP はブラウザによって、GIF はバンドルされたエンコーダによって、または PDF に埋め込まれます。
- 各ファイルまたはバッチを ZIP としてダウンロードします。
キャンバスを通して描画すると、知っておく価値のある副作用があります: EXIFメタデータ、GPS座標、カラープロファイルは出力に運ばれません 公開されようとしている画像の場合、それはプライバシーの利益です。
限界と一般的なエラーは何ですか?
各制限により、フリーズしたタブではなく、ファイル & #39; の行に特定のメッセージが生成されます。
100 メガピクセルを超える画像は、デコードするとタブ & #39;s メモリを使い果たす可能性があるため、拒否されます。ブラウザ & #39;s 独自のデコーダが処理するため、WebP には個別のバイト サイズの上限がありません。空のファイルは拒否されます。
"このブラウザはファイルを開くことができませんでした"通常、ファイルが破損しているか切り捨てられているか、名前にもかかわらずwebpがまったくないことを意味します。 "このブラウザはWebPファイルを保存できません" WebPエンコーダのないブラウザでWebPに変換する場合にのみ表示されます; 現在のChrome、Edge、またはFirefoxに切り替えます。
アニメーション化された WebP が PNG、JPG、または PDF に移行すると、最初のフレームのみが保持されます。これらの形式は単一の画像を保持するためです。WebP コンバーターは静止 WebP ファイルのみを書き込むため、WebP に変換されたアニメーションは最初のフレームを保持します。動きを保つために GIF を使用します。
ツールごとに 1 日の変換制限が適用されます。ツールは無料で、登録も透かしもありません。
WebP と新しい形式
WebPはもはや最新のオプションではありません AVIFは、AV1 ビデオコーデックに基づいて、多くの場合、より小さなファイルを再び生成し、より高いビット深度とHDRをサポートし、現在のブラウザもそれを使用するサイト <picture> 上の例では、最初に AVIF を提供し、WebP をフォールバックとして提供します。 の比較 AVIF、WebP、JPG それぞれに価値があるときをカバーします。
問題があるのがウェブダウンロードではなくiPhoneの写真である場合、形式はHEIC、そして上のガイドです HEIC 対 JPG それらのファイルが開かない理由を説明します。 両方の形式のすべてのコンバーターが にリストされています 画像ツールハブ。
