Сразу прошу прощения если такие вопросы уже задавались. Мне нужен попытаться узнать конкретно как и что.
Вопрос вытек из проблемы, проблема заключается в том что у меня на сайте есть товары и к ним картинки. Картинки разного размера, и отображаться должны не в одинаковом размере. И я сделал вывод картинок но сайт жутко лагает. Загружается быстро - 2 секунды, (возможно медленно так как нет хостинга) но после загрузки товаров с картинками сайт лагает.
Картинки храню вот так (возможно неправильно):
../../img_product/{id_product}/{много картинок}.jpeg
И вывожу некоторые товары по ajax запросом.
Получаю массив товаров, в каждом из них есть массив картинок.
После с помощи js вывожу товары, и с помощи тега <img src='../../img_product/{id_product}/{много картинок}.jpeg'>
- вывожу картинку.
Вообще я не уверен правильно я делаю выводя товары массивом с помощи ajax, а так-же более не уверен в выводе картинок. (Картинки нахожу соответствующему товару с помощи php)
Посмотрел на торговые площадки и магазины. И картинки у них сжаты. Почитал про это. Но я одно не могу понять, как мне сжимать картинку и так-же выводить в <img src>
? Получается сжатые картинки где то должны хранится. Можно решить проблему например перед загрузкой картинки сжать её. Но мне нужно немного по другому. Картинка одна и та-же, но отображается она везде по другому, т.е где то она маленькая а где то она большая, где то обрезанная и т.д.
Получается мне нужно хранить сжатые и обрезанные картинки в специальных папках? Или как то можно при выводе их обрезать и отобразить, но не хранить. Прошу помочь!