PR
TIPS

DockerのNginxでWebP対応時のMacおよびiOSのSafari表示問題への対処法

Dockerを使用したNginx環境でWebP形式の画像を扱うと、MacやiOSのSafariで画像が表示されない問題が報告されています。これは、一部のブラウザがWebP形式をまだ完全にサポートしていないために起こる現象です。

具体的な対処法としては、Nginxの設定からWebPの設定部分をコメントアウトする方法があります。これにより、特定のブラウザでの表示問題を避けることができます。

#  location ~* ^.+\.(png|jpe?g)$ {
#    add_header Vary Accept;
#    try_files $uri$webp_suffix $uri =404;
#  }

上記のコードは、元々WebP形式の画像を扱うための設定を示しています。コメントアウト(#)により、この設定は無効化され、WebP形式の画像はNginxによって通常の静的ファイルとして扱われます。

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました