Xapu3ma-NN
@Xapu3ma-NN

Webp vs Safari как подружить?

Добрый день!
Есть сайт на html+css+bootstrap+js, простая статика, ничего особенного.

Гугл рекомендует web.dev использовать новые форматы для картинок, например webp. С этим форматом действительно получается хорошее сжатие для изображений, и по показателям от web.dev загрузка сайта происходит быстрее.

Яндекс на своем дзене тоже все пережимает в формат webp.

Но вот safari его не поддерживает.

Как быть? Отказываться от webp и терять скорость загрузки? Нагромождать сложную логику не хочется. Может быть есть какие-то простые решения, когда ты используешь везде webp, а именно для safari будешь отдавать jpeg? Подскажите как такое реализовать?
  • Вопрос задан
  • 15958 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
@koekaverna
1. Нужен скрипт который будет конвертировать png и jpg в webp и складывать с тем же именем и постфиксом .webp
2. При запросе файла .*\.(png|jpe?g)$ проверить заголовки Accept: image/webp, если нет отдать оригинал картинки. Иначе идём дальше.
3. Пробовать отдать сначало $uri.webp
4. Если файла нет то выполнять скрипт с параметром $uri
5. Скрипт создает .webp и выводит его

Смотреть в сторону https://github.com/rosell-dk/webp-on-demand

Пример конфига для nginx:
location ~* ^/?wp-content/.*\.(png|jpe?g)$ {
  add_header Vary Accept;
  expires 365d;
  if ($http_accept !~* "webp"){
    break;
  }
  try_files
    $uri.webp
    /webp-on-demand.php?xsource=x$request_filename
    ;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы