--- aliases: tags: - maturity/π± date: - - 2024-09-05 zero-link: - "[[../../meta/zero/00 Π‘Π½ΠΈΠΏΠ΅ΡΡ Π½Π° bash|00 Π‘Π½ΠΈΠΏΠ΅ΡΡ Π½Π° bash]]" parents: linked: --- PNG ΠΈ JPG ΡΠ²Π»ΡΡΡΡΡ Ρ ΠΎΡΠΎΡΠΈΠΌΠΈ ΡΠΎΡΠΌΠ°ΡΠ°ΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ [ΡΠΆΠ°ΡΡ Π±Π΅Π· ΠΏΠΎΡΠ΅ΡΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°](Π‘ΠΆΠ°ΡΠΈΠ΅%20ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ%20Π±Π΅Π·%20ΠΏΠΎΡΠ΅ΡΠΈ%20ΠΊΠ°ΡΠ΅ΡΡΠ²Π°.md). ΠΠ΄Π½Π°ΠΊΠΎ, Π½Π° ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½ΠΈΠΉ Π΄Π΅Π½Ρ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΉ ΡΠΎΡΠΌΠ°Ρ WebP, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π΅ΡΠ΅ Π±ΠΎΠ»Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΡΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ ΠΏΡΠΈ ΡΠΆΠ°ΡΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ Ρ Π΅Π΄Π²Π° Π·Π°ΠΌΠ΅ΡΠ½ΡΠΌ ΡΡ ΡΠ΄ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°. Π [Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ WebP](https://developers.google.com/speed/webp/docs/cwebp?hl=ru) ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»Π΅Π½ΠΎ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ²Π»ΠΈΡΡΡ Π½Π° ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠ²Π΅ΡΡΠΈ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠΉ ΠΏΠΎΠ΄Π±ΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΠΎΠ½Π»Π°ΠΉΠ½ Π½Π° ΡΠ°ΠΉΡΠ΅ [https://squoosh.app](https://squoosh.app/). Π― Π²Ρ Π²ΡΠ±ΡΠ°Π» Π΄Π»Ρ ΡΠ΅Π±Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π½Π°Π±ΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ²: ```bash cwebp -mt -af -progress -m 6 -q 80 -pass 10 input.jpg -o output.webp ``` ΠΡΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π° ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅Ρ JPG ΡΠ°ΠΉΠ» `input.jpg` Π² ΡΠ°ΠΉΠ» ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ WebP Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ `output.webp`. ΠΠΎΠΌΠ°Π½Π΄Π° Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠΏΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠΌ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ: - `-mt` Π²ΠΊΠ»ΡΡΠ°Π΅Ρ ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΡΠΎΡΠ½ΠΎΡΡΡ, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΡΠ»ΡΡΡΠΈΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π½Π° ΠΌΠ½ΠΎΠ³ΠΎΡΠ΄Π΅ΡΠ½ΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°Ρ . - `-af` Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΡΡ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅Ρ Π°Π»Π³ΠΎΡΠΈΡΠΌ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ Π΄Π»Ρ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ ΡΠΆΠ°ΡΠΈΡ. - `-progress` Π²ΡΠ²ΠΎΠ΄ΠΈΡ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΏΡΠΎΡΠ΅Π½Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΡΠ°ΠΉΠ»Π°. - `-m 6` ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ΅Π³ΠΌΠ΅Π½ΡΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΡΠ°Π²Π½ΡΠΌ 6, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ²ΡΡΠΈΡΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΡΠΆΠ°ΡΠΈΡ Π·Π° ΡΡΠ΅Ρ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ. - `-q 80` ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΊΠΎΡΡΡΠΈΡΠΈΠ΅Π½Ρ ΠΊΠ°ΡΠ΅ΡΡΠ²Π° Π½Π° `80`, ΠΊΠΎΡΠΎΡΡΠΉ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΡΠ΅Ρ ΡΡΠ΅ΠΏΠ΅Π½Ρ ΡΠΆΠ°ΡΠΈΡ ΠΈ Π²Π»ΠΈΡΠ΅Ρ Π½Π° Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ Π²ΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. - `-pass 10` ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠΈΡΠ»ΠΎ ΠΏΡΠΎΡ ΠΎΠ΄ΠΎΠ² ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ°Π²Π½ΡΠΌ 10, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ²ΡΡΠΈΡΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΡΠΆΠ°ΡΠΈΡ Π·Π° ΡΡΠ΅Ρ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ. > [!WARNING] > `-lossless` ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΆΠ°ΡΠΈΠ΅ Π±Π΅Π· ΠΏΠΎΡΠ΅ΡΡ. ΠΠΎ ΡΠΎΠ³Π΄Π° Π²Π°ΡΠ΅ Π½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΎΠΊΠ°Π·Π°ΡΡΡΡ ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΡΡΠΆΠ΅Π»Π΅Π΅ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ. Π£Π»ΡΡΡΠΈΠΌ [ΡΠΊΡΠΈΠΏΡ ΡΠΆΠ°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ](Π‘ΠΆΠ°ΡΠΈΠ΅%20ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ%20Π±Π΅Π·%20ΠΏΠΎΡΠ΅ΡΠΈ%20ΠΊΠ°ΡΠ΅ΡΡΠ²Π°.md) ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π² webp: ```bash find ./images/comp -type f -iregex '.*\.\(jpg\|jpeg\|png\)' -not -iregex '.*no-comp\.\(jpg\|jpeg\|png\)' $option -exec sh -c ' webp_file="${1/\/images\/comp\//\/images\/webp\/}" webp_dir="$(dirname "$webp_file")" mkdir -p "$webp_dir" cwebp -mt -af -progress -m 6 -q 75 -pass 10 "$1" -o "${webp_file%.*}.webp" ' _ {} \; ``` ΠΡ Π±Π΅ΡΠ΅ΠΌ ΡΠΆΠ°ΡΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ· ΠΏΠ°ΠΏΠΊΠΈ `comp` ΠΈ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅ΠΌ ΠΈΡ Π² WebP, ΡΠΊΠ»Π°Π΄ΡΠ²Π°Ρ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΠΏΠ°ΠΏΠΊΡ `webp`. ΠΡΠ»ΠΈ Π²Ρ Π·Π°Ρ ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠΆΠ°ΡΠΈΡ, Π²Ρ Π²ΡΠ΅Π³Π΄Π° ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠ΅ΡΠ΅ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ Π½ΠΎΠ²ΡΠΌΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ. ## Π’Π΅ΡΡΡ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ Π½Π°ΡΠΈ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΡ ΡΠΎ ΡΠΆΠ°ΡΠΈΠ΅ΠΌ. Π’Π΅ΠΏΠ΅ΡΡ ΡΠΎΠΆΠΌΠ΅ΠΌ Π½Π°ΡΠΈ ΡΠ°ΠΉΠ» ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ Π² 2,7 ΠΌΠ± ΠΈ 2.2 Π² ΡΠΎΡΠΌΠ°Ρ WebP Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°: - -q 90: Π Π°Π·ΠΌΠ΅Ρ 325 ΠΊΠ±. - -q 85: Π Π°Π·ΠΌΠ΅Ρ 267 ΠΊΠ±. - -q 80: Π Π°Π·ΠΌΠ΅Ρ 229 ΠΊΠ±. - -q 75: Π Π°Π·ΠΌΠ΅Ρ 200 ΠΊΠ±. - -q 70: Π Π°Π·ΠΌΠ΅Ρ 191 ΠΊΠ±. - -q 60: Π Π°Π·ΠΌΠ΅Ρ 176 ΠΊΠ±. - -q 50: Π Π°Π·ΠΌΠ΅Ρ 163 ΠΊΠ±. - -q 40: Π Π°Π·ΠΌΠ΅Ρ 147 ΠΊΠ±. - -q 30: Π Π°Π·ΠΌΠ΅Ρ 129 ΠΊΠ±. - -q 20: Π Π°Π·ΠΌΠ΅Ρ 115 ΠΊΠ±. - -q 10: Π Π°Π·ΠΌΠ΅Ρ 90 ΠΊΠ±. - -q 1: Π Π°Π·ΠΌΠ΅Ρ 70 ΠΊΠ±. ΠΠ»Ρ ΡΠΊΡΡΡΠ΅Π½Π½ΡΡ ΡΠ»ΡΡΠ°Π΅Π². ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Ρ Π·Π°Π±Π»ΡΠ΄ΠΈΠ»ΠΈΡΡ Π² Π»Π΅ΡΡ ΠΈ Π½Π°Π΄ΠΎ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ ΡΠΎΡΠΎ ΠΏΠΎ ΡΠΏΡΡΠ½ΠΈΠΊΠΎΠ²ΠΎΠΉ ΡΠ΅ΡΠΈ π ## Nginx Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ Π½Π°ΡΡΠΈΠΌ nginx ΠΏΡΠΈ Π·Π°ΠΏΡΠΎΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠ½Π°ΡΠ°Π»Π° ΠΏΡΡΠ°ΡΡΡΡ Π½Π°ΠΉΡΠΈ WebP ΡΠ°ΠΉΠ», ΠΈ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΠΎΠΌ ΠΎΡΠ΄Π°Π²Π°ΡΡ ΡΠΆΠ°ΡΡΠΉ PNG/JPG, Π° Π΅ΡΠ»ΠΈ ΠΈ ΡΠΆΠ°ΡΠΎΠ³ΠΎ Π½Π΅Ρ, ΡΠΎ ΠΎΡΠ΄Π°Π²Π°ΡΡ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ°ΠΉΠ». ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π°ΠΏΠΈΡΠ΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ `location`: ```nginx location ~* ^(/blog/ru/content/images/)(.+)\.(png|jpe?g)$ { expires max; alias /var/struchkov.dev/ghost/www/images; set $webp_image_subdir "/webp/"; set $basename $2; try_files $webp_image_subdir$basename$webp_suffix $uri; } ``` ΠΠ°Π½Π½ΡΠΉ `location` ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°Π΅Ρ Π²ΡΠ΅ Π·Π°ΠΏΡΠΎΡΡ ΠΊ Π°Π΄ΡΠ΅ΡΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Ρ `/images/`, Π·Π° ΠΊΠΎΡΠΎΡΡΠΌ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π»ΡΠ±ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², Π·Π°ΡΠ΅ΠΌ ΡΠΎΡΠΊΠ°, Π° Π·Π°ΡΠ΅ΠΌ ΡΠΎΡΠΌΠ°Ρ ΡΠ°ΠΉΠ»Π° png/jpeg/jpg. ΠΠ»Ρ Π·Π°ΠΏΡΠΎΡΠΎΠ², ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΡ ΡΡΠΎΠΌΡ ΡΠ°Π±Π»ΠΎΠ½Ρ, Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ: - ΠΠΈΡΠ΅ΠΊΡΠΈΠ²Π° `alias` ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΏΡΡΡ ΠΊ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠΉ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ, ΠΈΠ· ΠΊΠΎΡΠΎΡΠΎΠΉ Π±ΡΠ΄ΡΡ ΠΎΡΠ΄Π°Π²Π°ΡΡΡΡ ΡΠ°ΠΉΠ»Ρ. Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΏΡΡΡ ΠΊ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ `/images`. - ΠΠΈΡΠ΅ΠΊΡΠΈΠ²Ρ `set` Π½Π°Π·Π½Π°ΡΠ°ΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅, ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π² ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΡ Π΄ΠΈΡΠ΅ΠΊΡΠΈΠ²Π°Ρ . ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ `$webp_image_subdir` ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π² `/webp/`, Π° ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ `$basename` ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π² Π·Π°Ρ Π²Π°ΡΠ΅Π½Π½ΡΡ ΠΏΠΎΠ΄ΡΡΡΠΎΠΊΡ ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ΅Π³ΡΠ»ΡΡΠ½ΠΎΠ³ΠΎ Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΡ (Ρ.Π΅. ΠΈΠΌΡ ΡΠ°ΠΉΠ»Π° Π±Π΅Π· ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ). - ΠΠΈΡΠ΅ΠΊΡΠΈΠ²Π° `try_files` ΠΏΡΡΠ°Π΅ΡΡΡ ΠΎΡΠ΄Π°ΡΡ Webp-Π²Π΅ΡΡΠΈΡ Π·Π°ΠΏΡΠΎΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π΄ΠΎΠ±Π°Π²Π»ΡΡ ΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌ `$webp_image_subdir` ΠΈ `$basename` ΡΡΡΡΠΈΠΊΡ `.webp`. ΠΡΠ»ΠΈ NGINX ΡΠΌΠΎΠΆΠ΅Ρ Π½Π°ΠΉΡΠΈ Webp-Π²Π΅ΡΡΠΈΡ Π·Π°ΠΏΡΠ°ΡΠΈΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΎΠ½ ΠΎΡΠ΄Π°ΡΡ Π΅Π³ΠΎ. ΠΡΠ»ΠΈ ΠΎΠ½ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π°ΠΉΡΠΈ WebP-Π²Π΅ΡΡΠΈΡ, ΡΠΎ ΠΎΡΠ΄Π°ΡΡ ΡΠΆΠ°ΡΡΠΉ JPG/PNG, Π΅ΡΠ»ΠΈ ΠΈ ΡΠΆΠ°ΡΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° Π½Π΅ Π±ΡΠ΄Π΅Ρ, ΡΠΎ ΠΎΡΠ΄Π°ΡΡ Π½Π΅ ΡΠΆΠ°ΡΠΎΠ΅.