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によって通常の静的ファイルとして扱われます。