nginx webp conf

web.conf

server {
    listen 80;
  server_name localhost;

  location ~ ^/assets/images/.+\.(?:gif|jpg|png)$ {
    if ($http_accept ~* "webp") {
      add_header Vary Accept;
      rewrite (.+)\.(?:gif|jpg|png) $1.webp last;
    }
    if ($http_user_agent ~* "(Chrome|Opera|Android|Android.*Chrome)") {
        add_header Vary User-Agent;
        rewrite (.+)\.(?:gif|jpg|png) $1.webp last;
    }
    root /var/www/;
    try_files $uri @s3 =404;
  }

  location ~ ^/assets/images/.+\.webp$ {
    root /var/www/;
    try_files $uri @s3 =404;
  }
  
  location @s3 {
    proxy_pass https://bucket.s3.aws.com;
  }
}