169 похожих чатов

Ребят. Делаю сайт с уроками. В нем есть картинки PNG.

Google page speed говорит что они большие. Я могу как-то через мидл варе сделать конвертер картинок. Чтоб они конвертировались на лету для телефона и для компа с разными параметрами.. И как потом их кешировать ?

8 ответов

17 просмотров

https://image.intervention.io/v2/introduction/installation - вот есть пакет. Реализуйте экшон с ресайзом и конвертацией в нужыне форматы. При обращении с фронта - проверяете файлы - если есть - отдаёте , если нет - создаете и отадёте.

Можно и через мидлварю, но тогда будут проблемы: 1. Нужно на лету парсить user agent с целью понять с мобилы запрос или нет (это всегда); 2. Проверить существование обрезанного файла; 3. Если файл не существует - на лету его обрезать (https://image.intervention.io/v2/usage/cache) По времени первая нарезка ещё больше займёт при отрисовки страницы. Поэтому лучше резать при создании записей, а фронтенд сам на стороне браузера сможет определить мобила это или нет, и отправит либо один урл, либо другой для загрузки того или иного изображения. А вообще для веба рекомендую формат картинок webp и формат видео webm. У них вес в разы меньше jpg, не говоря уже о png.

Vitalii-Lebedynskyi Автор вопроса
Andrey Helldar
Можно и через мидлварю, но тогда будут проблемы: ...

а для SEO урлы картинок должны быть одинаковые? и просто в контроллере отдать правильный байты? или на фронте прям ставить разные урлы?

Vitalii Lebedynskyi
а для SEO урлы картинок должны быть одинаковые? и ...

клиент должен иметь возможность закешировать изобрадение. поэтому конечно разные

Vitalii Lebedynskyi
а для SEO урлы картинок должны быть одинаковые? и ...

В идеале разные. Грубо говоря: device.isMobile ? '/images/some.webp' : '/images/some-small.webp' Или device.isMobile ? '/images/some.webp' : '/images/some.webp?mobile=1'

Vitalii Lebedynskyi
а для SEO урлы картинок должны быть одинаковые? и ...

Если браузер закэширует изображение у себя (а он закэширует), поэтому лучше разные.

https://zaiste.net/network/nginx/howtos/howto-resize-on-the-fly-cache-images-nginx/

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта