Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы » Как настроить выдачу webp в DLE средствами .htaccess?

Как настроить выдачу webp в DLE средствами .htaccess?

portak 04.03.2023 dle, webp, dle 15.2 Общие вопросы, Ламерские вопросы 986

вопрос

Версия dle 15.2. Все изображения пережаты в webp и лежат рядом с оригиналами, пробовал в .htaccess код

<IfModule mod_rewrite.c>
  RewriteEngine On

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

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

  # Serve WebP image instead
  RewriteRule (.+)\.(jpe?g|png|gif)$ $1.webp [T=image/webp,E=REQUEST_image]
</IfModule>

<IfModule mod_headers.c>
  # Vary: Accept for all the requests to jpeg, png and gif
  Header append Vary Accept env=REQUEST_image
</IfModule>

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

но сайт все равно выдает jpg упорно

Ответа пока нет

29 комментариев

Эксперт

1317

lutskboy - 2023-03-044 марта 2023 19:27 - #81802

а в бд запросом изменить не вариант? а потом в консоли удалить все .png .jpg .jpeg

Юзер

portak - 2023-03-044 марта 2023 19:28 - #81803

А что будет с юзером у которого нет поддержки webp в браузере?

Эксперт

1317

lutskboy - 2023-03-044 марта 2023 19:43 - #81804

да ничего не будет. это их проблемы что у них допотопные браузеры

Юзер

portak - 2023-03-044 марта 2023 19:45 - #81805

Ну это не ответ на мой вопрос, мой вопрос состоит в том, как отдавать юзеру с поддержкой webp (а без поддержки оставлять jpg) через htaccess. Предложенное не является решением никаким образом

Эксперт

1317

lutskboy - 2023-03-044 марта 2023 19:49 - #81806

тогда на PHP делать или JS раз htaccess не помог. но это в стол заказов

Юзер

portak - 2023-03-044 марта 2023 19:54 - #81807

С чего? Такие решения есть для wp и сотен других cms, правила работают исправно, просто я не понимаю как написать корректный путь до файла чтобы он был заменен, не знаю надо ли модифицировать файл в аплоуде при этом чтобы его правила при этом не конфликтовали с корневым...

Вы точно "эксперт"?

Эксперт

1317

lutskboy - 2023-03-044 марта 2023 19:58 - #81808

попробуйте это убрать RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
и тут вам не благотворительная акция. захочу помогу, а хочу нет. никто никому ничем не обязан.

Юзер

portak - 2023-03-044 марта 2023 20:03 - #81809

Ну все равно надо оставаться в ключе вопроса, даже если "не хочу помогать".

Меня смущает RewriteRule (.+)\.(jpe?g|png|gif)$ $1.webp [T=image/webp,E=REQUEST_image]
мне кажется (.+)\.(jpe?g|png|gif)$ не является правильным путем до файла по меркам DLE... судя по другим правилам там все иначе должно быть.

Эксперт

1317

lutskboy - 2023-03-044 марта 2023 20:21 - #81810

может у вас nginx?

Юзер

portak - 2023-03-044 марта 2023 20:31 - #81811

апач

Эксперт

1317

lutskboy - 2023-03-044 марта 2023 20:37 - #81812

RewriteCond %{HTTP_ACCEPT} image/webp
RewriteRule ^ - [F]

вставьте только это. после RewriteEngine On и зайдите на сайт с браузера который поддерживает webp. Forbidden выдает?
если нет значит ваш сервер не определяет HTTP_ACCEPT.

Юзер

portak - 2023-03-044 марта 2023 20:40 - #81813

Forbidden выдало, проверял с хрома последней версии с пк.

Эксперт

801

TeraMoune - 2023-03-044 марта 2023 20:46 - #81815

Тут не прописывается путь, в правиле учитывается любая последовательность символов и букв. То есть под правило попадают буквально все запросы оканчивающиеся на перечисленные расширения.

Тестовый репозиторий установки плагинов: teramoune

Юзер

portak - 2023-03-044 марта 2023 20:50 - #81816

Тогда почему у меня ничего не сработало? В какую сторону смотреть?

Эксперт

801

TeraMoune - 2023-03-044 марта 2023 20:51 - #81817

А как вы поняли, что оно не работает ?)

Тестовый репозиторий установки плагинов: teramoune

Юзер

portak - 2023-03-044 марта 2023 20:52 - #81818

инспект элемент отсылает на jpg, гугл падеспид говорит что изображения не в webp (при этом для проверки статичные имаги сделаны в picture и вручную добавлен webp и он их видит как надо).

Эксперт

801

TeraMoune - 2023-03-044 марта 2023 20:54 - #81819

Ну в испекте кода и будет jpg, откройте картинку в запросе сравните тип файла и его Content-Length.

Тестовый репозиторий установки плагинов: teramoune

Юзер

portak - 2023-03-044 марта 2023 20:59 - #81820

content-type: image/jpeg

Эксперт

801

TeraMoune - 2023-03-044 марта 2023 21:05 - #81821

Тогда тут тебе никто ничем не поможет, пишите хостеру и спрашивайте с него. Думаю заменять оно и не должно, оно подменяет на уровне запроса данные. А ссылки прописанные остаются.

Тестовый репозиторий установки плагинов: teramoune

Юзер

portak - 2023-03-044 марта 2023 21:08 - #81822

Возможно что-то стало проясняться... Некоторые изображения действительно стали image/webp, те которые остались image/jpeg у меня в стиле выводятся так style="background-image: url({image-2});" - и все они не изменены, хотя имеют webp копии

Эксперт

801

TeraMoune - 2023-03-044 марта 2023 21:13 - #81823

ну кеш наверное остался, в таких случаях обновлять браузер надо всегда с ctrl+f5, либо в инспекторе кода есть опция игнорировать кеш.

Тестовый репозиторий установки плагинов: teramoune

Юзер

portak - 2023-03-044 марта 2023 21:21 - #81827

делаю через очистка кэша и жесткая перезагрузка, но все равно часть изображений остается в оригинальном формате

Эксперт

1317

lutskboy - 2023-03-044 марта 2023 21:15 - #81824

если у вас связка apache nginx то правила htaccess не будут применятся к картинкам. так как их отдает nginx

Юзер

portak - 2023-03-044 марта 2023 21:20 - #81826

только апач

Эксперт

1317

lutskboy - 2023-03-044 марта 2023 21:28 - #81828

скиньте ссылку на сайт. глянем

Юзер

portak - 2023-03-044 марта 2023 22:08 - #81829

Думаю нет нужды давать ссылку на сайт, я почистил кэш клауда, отключил на сервере мод_пейджспид правила конверта jpg to webp и вроде как теперь все изображения при наличии webp отображаются верно, по крайней мере в консоли.

Юзер

portak - 2023-03-044 марта 2023 23:36 - #81831

Еще вопрос возник, я не совсем разбираюсь в правилах реврайта, но указанные мной правила что, просто меняют расширение файла?

Эксперт

1317

lutskboy - 2023-03-046 марта 2023 13:06 - #81837

нет. apache просто по запросу image.jpeg отдает image.webp

Юзер

ruslanhydyrov - 2023-03-0431 марта 2023 19:40 - #81900

Для того, чтобы настроить выдачу изображений в формате WebP с помощью .htaccess на сайте, работающем на DLE, необходимо выполнить следующие шаги:

Убедитесь, что на сервере установлен модуль mod_rewrite.

Создайте файл .htaccess в корневой директории сайта, если его еще нет.

В файле .htaccess добавьте следующий код:

# Включаем mod_rewrite
RewriteEngine On

# Проверяем, поддерживает ли браузер WebP
RewriteCond %{HTTP_ACCEPT} image/webp

# Проверяем, есть ли файл с расширением .webp
RewriteCond %{REQUEST_FILENAME} (.*).(jpe?g|png)$
RewriteCond %{DOCUMENT_ROOT}%1.webp -f

# Выдаем файл в формате WebP
RewriteRule (.+).(jpe?g|png)$ $1.webp [T=image/webp,E=REQUEST_image:1]

# Если браузер не поддерживает WebP, то выдаем оригинальный файл
Header append Vary Accept env=REQUEST_image

Данный код выполняет следующие действия:

Включает модуль mod_rewrite.
Проверяет, поддерживает ли браузер WebP.
Проверяет, существует ли файл с расширением .webp.
Выдает файл в формате WebP, если все условия выполнены.
Если браузер не поддерживает WebP, то выдает оригинальный файл.
Сохраните файл .htaccess и загрузите его на сервер.

После настройки .htaccess, создайте копии всех изображений, которые вы хотите выдавать в формате WebP, с расширением .webp и поместите их в ту же папку, где находятся исходные изображения.

Проверьте работу сайта и убедитесь, что изображения выдаются в формате WebP, если браузер поддерживает этот формат, и в исходном формате, если браузер не поддерживает WebP.

Обратите внимание, что для использования формата WebP изображения должны быть оптимизированы и сохранены в этом формате. Также учтите, что формат WebP не поддерживается старыми версиями браузеров, поэтому возможно, что часть пользователей не сможет увидеть изображения в этом формате.