Nginx, Apache에 차대세 압축 이미지 webp 적용하는 방법(cwebp,gif2webp)

apt install webp

set $webp_suffix "";
	if ($http_accept ~* "webp") {
	set $webp_suffix ".webp";
}
location ~ \.(gif|jpe?g|png)$ {
	add_header Cache-Control "public, no-transform";
	try_files $uri$webp_suffix $uri $uri/ =404;
	expires max;
}

service nginx reload

<IfModule mod_rewrite.c>
  RewriteEngine On


  # Check if request is for an image
  RewriteCond %{REQUEST_URI} \.(gif|png|jpe?g)$


  # Check if browser supports WebP
  RewriteCond %{HTTP_ACCEPT} image/webp


  # Check if .webp file exists
  RewriteCond %{DOCUMENT_ROOT}/$1.webp -f


  # Return .webp file
  RewriteRule (.+)$ $1.webp [T=image/webp]
</IfModule>


<IfModule mod_setenvif.c>
  # Create REQUEST_IS_IMAGE variable for image files
  SetEnvIf Request_URI "\.(gif|png|jpe?g)$" REQUEST_IS_IMAGE
</IfModule>


<IfModule mod_headers.c>
  # Add the Vary header to the response of the image request,
  # saying that the content at this URL may differ depending
  # on whether browser supports WebP or not
  Header set Vary "Accept,Accept-Encoding" env=REQUEST_IS_IMAGE
</IfModule>


<IfModule mod_mime.c>
  AddType image/webp .webp
</IfModule>

sudo a2enmod rewrite

 
sudo systemctl restart apache2

nano webp.sh

#!/bin/bash


OLD_IFS=$IFS
IFS=$(echo -en "\n\b")


for FILE in `find /var/www/file/ -iregex '.*\.\(jpg\|png\|jpeg\)$'`
    do
        if [ ! -f "${FILE}.webp" ]; then
            cwebp -quiet -q 85 ${FILE} -o ${FILE}.webp;
            echo "Converted ${FILE} to ${FILE}.webp"
        fi
done


IFS=$OLD_IFS

chmod a+x webp.sh

./webp.sh

nano webp_gif.sh

#!/bin/bash


OLD_IFS=$IFS


IFS=$(echo -en "\n\b")
for FILE in `find /var/www/file/gif/ -iregex '.*\.\(gif\)$'`
    do
        if [ ! -f "${FILE}.webp" ]; then
            gif2webp -mt -mixed -quiet -q 70 ${FILE} -o ${FILE}.webp;
            echo "Converted ${FILE} to ${FILE}.webp"
        fi
done


IFS=$OLD_IFS

chmod a+x webp_gif.sh

./webp_gif.sh

crontab -e

25 * * * * /usr/local/bin/webp.sh >> /var/log/webp-maker/webp.log 2>&1
27 * * * * /usr/local/bin/webp_gif.sh >> /var/log/webp-maker/webp_gif.log 2>&1