SafariのWebP画像ドラッグ問題とDaring FireballでのPNG/JPEG使用

最近の『The Talk Show』のエピソードで、Jason Snellが昨年私が遭遇し始めた奇妙な問題について言及しました。私のMacでは、Safariでウェブページから画像をドラッグアウトすると、WebP形式の画像が得られることがありました。場合によっては気にしないこともありました。しかし、普通にそうやって画像をダウンロードするのは、その画像をDaring Fireballで公開（あるいは単に自分のコピーをホスト）したいときです。そして私はWebP画像を公開しません――互換性の点でPNGとJPEGを好んでいます。 奇妙だったのは、元のウェブページのソースを表示すると、元の画像は通常PNGやJPEG形式だったことです。画像だけを新しいタブで開けば、PNGやJPEG形式で得られます。しかし、元のウェブページからドラッグしてダウンロードすると、WebPになってしまうのです。これは私にとって全くの「WTF」（一体どういうこと？）でした。 私は友人で、優れたSafari拡張機能『StopTheMadness』の作者でもあるJeff Johnsonを頼りました。Johnsonは何が起きているのか説明できるだけでなく、実際に『ChangeTheHeaders』という新しいSafari拡張機能を作成し、私の問題を解決してくれたのです。Johnsonが昨年『ChangeTheHeaders』を発表した際の説明は以下の通りです： 調査の結果、違いはAccept HTTPリクエストヘッダーにあることがわかりました。これはウェブブラウザが受け入れるレスポンスの種類を指定するものです。Safariの画像に対するデフォルトのAcceptヘッダーは以下です： Accept: image/webp,image/avif,image/jxl,image/heic,image/heic-sequence,video/*;q=0.8,image/png,image/svg+xml,image/*;q=0.8,*/*;q=0.5 image/webpがリストの先頭にありますが、順序は実際には関係ありません。種類の優先順位を決めるのは品質値であり、;q= という接尾辞で指定されます。値の範囲は0から1で、指定がない場合はデフォルト値の1になります。したがって、image/webpとimage/pngは優先順位が等しく、品質値も1で同じです。よって、どの画像形式を提供するかはウェブサイト次第となります。この場合、画像URLに.pngという接尾辞があるにもかかわらず、ウェブサイトはWebP画像を提供することを選んだのです。URLにおいては、ファイルパスと異なり、「ファイル拡張子」はたとえ存在してもほとんど意味を持ちません。ごく単純なウェブサーバーはURLをローカルファイルパスに直接マッピングしますが、より複雑なウェブサーバーはURLに対してほぼ何でも好きな処理を行えます。 この現象には本当に参っていました。Johnsonのおかげで、なぜそれが起こるのか理解でき、さらに「設定すればあとは忘れてよい」シンプルな修正ツールも手に入りました。Johnsonは次のように書いています： ChangeTheHeadersで何ができるでしょうか？おそらく最大の売りは、User-Agentのスプーフィング（偽装）になるでしょう。この拡張機能では、URLドメインごとにUser-Agentをカスタマイズできます。例えば、Chromeに特別な扱いをするGoogleのウェブアプリ上で、SafariにChromeのふりをさせることができます。また、YouTubeなど一部のウェブサイトのデフォルトの言語処理が気に入らない場合は、Accept-Languageヘッダーをカスタマイズすることもできます。 以下は、私が一年前にChangeTheHeadersを初めてインストールした時に適用したカスタムルールです（スクリーンショット）： ヘッダー: Accept 値: image/avif,image/jxl,image/heic,image/heic-sequence,video/*;q=0.8,image/png,image/svg+xml,image/*;q=0.8,*/*;q=0.5 URLドメイン: «すべてのドメインに適用する場合は空白» URLフィルター: «すべてのURLに適用する場合は空白» リソースタイプ: image それ以来、WebP形式の画像には一度も出会っていません。 ChangeTheHeadersはSafariが動作するすべての環境――Mac、iPhone、iPad、Vision Pro――で動作し、App Storeでわずか7ドルで入手できます。 ★

SafariのWebP画像ドラッグ問題とDaring FireballでのPNG/JPEG使用

背景や根拠まで確認しますか？

調べる

選ぶ

サイト