web-dev-qa-db-ja.com

FirefoxでWebP画像のサポートを無効にする方法は？

Firefoxはネイティブに.webpイメージをサポートしているため、このオプションを提供するWebサイトではwebpイメージとして表示されます。 Firefoxに常にjpgまたはpng画像にフォールバックさせるにはどうすればよいですか？

.webp画像のサポートが改善されていることは知っていますが、私の場合、FirefoxからWindowsエクスプローラーにドラッグアンドドロップを使用して、Webサイトから多くの画像をエクスポートする必要があります。 webpイメージはWindowsでネイティブにサポートされていないため、これは役に立ちません...代わりに標準イメージを取得したいと思います。

備考：Firefox v70より前は、about：config："image.http.accept" = "image/webp,*/*"> change to "*/*"を強制的に調整することができましたが、この調整は機能しなくなりました。

firefoxwebp
1
Sly Mat

"image.http.accept" = "image/webp,*/*"> "*/*"に変更

この変更は、サーバーが最適な形式を選択することを任せます。これには、気に入らない形式や、ブラウザーがサポートしていない形式も含まれます。

代わりに、ユースケースでは、 品質値 を含む特定の設定を設定することをお勧めします。

品質値、またはq-valuesおよびq-factorsは、コンマ区切りのリスト内の値の優先順位を説明するために使用されます。これは、一部のHTTPヘッダーおよびHTMLで許可されている特別な構文です。値の重要性は、接尾辞';q='の直後に、0と1の間の値が含まれ、小数点以下3桁まで含まれ、最高値は最高の優先順位を示します。存在しない場合、デフォルト値は1です。

だから、次のようなもの：

  • image/png,image/*;q=0.8,*/*;q=0.5（ Firefox 46まで使用されていた ）
  • または、WebPの品質値が低い、より具体的なもの：image/webp;0.1,image/png;q=0.9,image/jpeg;q=0.8,image/*;q=0.7,*/*;q=0.6

（私はこれをテストしていません。たぶん、サーバーはブラウザーによって明示的に許可されている場合にのみWebPを使用します。）

2
Arjan

次のようなテストケースHTMLを作成しました。

<!doctype html>
<html>
<picture>
  <source srcset="pic.webp" type="image/webp">
  <source srcset="pic.jpg" type="image/jpeg"> 
  <img src="pic.jpg" type="image/jpeg"> 
</picture>
</html>

このテストでは、FirefoxがJPG画像を返すタイミングとWEBP画像を返すタイミングをテストできました。

  • image.http.accept = */*
    これでは不十分でした。表示される画像は.webpバリアントです。実際、この設定はまったく効果がありませんでした。

  • image.webp.enabled = false
    この設定により、Firefoxは.jpgを表示しました。それだけで十分でした。

注：テストはFirefoxv70を使用して行われました。 image.webp.enabledの設定は一時的な回避策であり、image.http.acceptの問題はバグであると考えています。

Firefoxの開発者にバグを報告することをお勧めします。これは、将来のバージョンで修正されると確信しています。

1
harrymc