Модуль Модуль генератора изображений Google WebP 1.6

А вручную HTTP заголовки анализировали через инструменты разработчика? Часто делают так, что подсовывается jpeg, потом сервер проверяет поддерживает ли браузер webp и если да, то под видом файлов *.jpg браузеру отдается содержимое webp, но об этом знают только сервер и браузер. Для юзера это выглядит как обычный jpeg и для тупого сафари тоже. Подавляющее большинство способов работают по этому принципу.

Посмотреть вложение 111511

Так для этого вроде есть вот такая настройка в модуле:

index.png
Если включено - изображения должны быть с расширением webp, если выключено - расширение jpg, но внутри webp.
 
Для подмены jpg на webp следующие настройки nginx:

В файле nginx.conf в разделе http

Код:
    map $http_accept $webp_ext {
        default "";
        "~*webp" ".webp";
    }

    map $uri $file_ext {
        default "";
        "~(\.\w+)$" $1;
    }

В файле хоста в разделе server

Код:
    rewrite ^/([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.webp$ /img/p/$1/$1$2.webp last;
    rewrite ^/([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.webp$ /img/p/$1/$2/$1$2$3.webp last;
    rewrite ^/([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.webp$ /img/p/$1/$2/$3/$1$2$3$4.webp last;
    rewrite ^/([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.webp$ /img/p/$1/$2/$3/$4/$1$2$3$4$5.webp last;
    rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.webp$ /img/p/$1/$2/$3/$4/$5/$1$2$3$4$5$6.webp last;
    rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.webp$ /img/p/$1/$2/$3/$4/$5/$6/$1$2$3$4$5$6$7.webp last;
    rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.webp$ /img/p/$1/$2/$3/$4/$5/$6/$7/$1$2$3$4$5$6$7$8.webp last;
    rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.webp$ /img/p/$1/$2/$3/$4/$5/$6/$7/$8/$1$2$3$4$5$6$7$8$9.webp last;
    rewrite ^/c/([0-9]+)(-[_a-zA-Z0-9-]*)(-[0-9]+)?/.+\.webp$ /img/c/$1$2.webp last;
    rewrite ^/c/([a-zA-Z-]+)(-[0-9]+)?/.+\.webp$ /img/c/$1.webp last;
    rewrite ^/([0-9]+)(-[_a-zA-Z0-9-]*)(-[0-9]+)?/.+\.webp$ /img/c/$1$2.webp last;


location ~* "^(?<path>.+)\.(png|jpeg|jpg|gif)$" {
        access_log off;
        expires +30d;
        add_header Vary Accept;
        add_header Cache-Control "public";
        log_not_found off;
        access_log off;
        try_files $path$webp_ext $path$file_ext =404;
    }

Попробал на ПС 1.7 и не сработало
 
Код:
 rewrite ^ / ([0-9]) (- [_ a-zA-Z0-9 -] *)? (- [0-9] +)? /.+. jpg $ /img/p/$1/$1$2$3.webp last;
        rewrite ^ / ([0-9]) ([0-9]) (- [_ a-zA-Z0-9 -] *)? (- [0-9] +)? /.+. jpg $ / img /p/$1/$2/$1$2$3$4.webp last;
        rewrite ^ / ([0-9]) ([0-9]) ([0-9]) (- [_ a-zA-Z0-9 -] *)? (- [0-9] +)? / . +. jpg $ /img/p/$1/$2/$3/$1$2$3$4$5.webp last;
        rewrite ^ / ([0-9]) ([0-9]) ([0-9]) ([0-9]) (- [_ a-zA-Z0-9 -] *)? (- [0 -9] +)? /.+. Jpg $ /img/p/$1/$2/$3/$4/$1$2$3$4$5$6.webp last;
        rewrite ^ / ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9]) (- [_ a-zA-Z0-9-] *)? (- [0-9] +)? /.+. Jpg $ /img/p/$1/$2/$3/$4/$5/$1$2$3$4$5$6$7.webp last;
        rewrite ^ / ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9]) (- [_ a- zA-Z0-9 -] *)? (- [0-9] +)? /.+. jpg $ / img / p / $ 1 / $ 2 / $ 3 / $ 4 / $ 5 / $ 6 / $ 1 $ 2 $ 3 $ 4 $ 5 $ 6 $ 7 $ 8.webp last;
        rewrite ^ / ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9 ]) (- [_ a-zA-Z0-9 -] *)? (- [0-9] +)? /.+. jpg $ / img / p / $ 1 / $ 2 / $ 3 / $ 4 / $ 5 / $ 6 / $ 7 / $ 1 $ 2 $ 3 $ 4 $ 5 $ 6 $ 7 $ 8 $ 9.webp last;
        rewrite ^ / ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9]) ([0-9 ]) ([0-9]) (- [_ a-zA-Z0-9 -] *)? (- [0-9] +)? /.+. Jpg $ / img / p / $ 1 / $ 2 / $ 3 /$4/$5/$6/$7/$8/$1$2$3$4$5$6$7$8$9$10.webp last;
        rewrite ^ / c / ([0-9] +) (- [. * _ a-zA-Z0-9 -] *) (- [0-9] +)? /.+. jpg $ / img / c / $ 1 $ 2 $ 3.webp last;
        rewrite ^ / c / ([a-zA-Z _-] +) (- [0-9] +)? /.+. jpg $ /img/c/$1$2.webp last;



added this rule to nginx.conf

map $ uri $ file_ext {
default "";
"~ (\. \ w +) $" $ 1;
}


[/ CODE]
I somehow managed to configure so that the webp files are substituted as jpg, as [SIZE=4][B][URL='https://www.nulled.cc/members/330602/']Zveruga76[/URL][/B][/SIZE] writes about it

[SIZE=4]And Safari perfectly opens the images asking a friend to check, my Iphone was covered with a copper basin. [/SIZE][/QUOTE]


Hi, can you please share your host.conf and nginx.conf for more details? 
I tried many ways but no works :(

Thanks,
 
для перфекционистов уже есть следующее решение:

Для просмотра ссылки Войди или Зарегистрируйся

:)

а я пока "посижу" на jpg для общей стабильности и контроля за процессом
 
для перфекционистов уже есть следующее решение:

Для просмотра ссылки Войди или Зарегистрируйся

:)

а я пока "посижу" на jpg для общей стабильности и контроля за процессом
Да вчера читал про новое решение.

А модуль достаточно плохо сжимает и теряется качество картинки.
На стороннем ресурсе сжал картинку в webp для слайдера 1920*1200 без потери качества получилось 38 kb, считаю очень крутой результат, исходный размер файла был 664 kb.
 

Вложения

  • Без-имени-2.png
    Без-имени-2.png
    100 KB · Просмотры: 25
Читал читал тему, и так и не понял работает этот модуль и вообще имеет ли смысл лезть в этот формат, если к примеру вот есть замечательное приложение от Google которое отлично сжимает почти без потери качества лучше любых программ Для просмотра ссылки Войди или Зарегистрируйся
 
Читал читал тему, и так и не понял работает этот модуль и вообще имеет ли смысл лезть в этот формат, если к примеру вот есть замечательное приложение от Google которое отлично сжимает почти без потери качества лучше любых программ Для просмотра ссылки Войди или Зарегистрируйся
При помощи squoosh все изображения пережать не получится. В любом случае, webp занимает меньше места, чем jpg, при одном и том же качестве. Также, Google добавляет несколько попугаев после внедрения webp.
 
Назад
Сверху