Имеется страница с большим количеством текста и картинок, грузится ужасно долго и жрет кучу траффика. Есть смысл может написать какой-то скрипт, который будет превьюшки возвращать вместо целого изображения? Я так понимаю, если контейнер 100х100, а картинка 3000х3000, то она всё равно грузится целиком? Может есть для этого какие-то стандартные решения, чтобы не изобретать колесо? В идеале хотелось бы, чтобы грузилось под размер контейнера автоматом (в данном примере 100х100), а при клике грузился полный размер, при повторном клике сворачивалось назад...
-
Если есть nginx - можно юзать nginx.org/ru/docs/http/… он будет генерировать картинки нужных размеров на лету и кешировать их.– u_mulder15 июн 2020 в 20:13
-
Ну у меня настолько серьезно перегруженных проектов, как платформы, где он внедрялся, нет, а для просто поиграться и в образовательных целях приобретать платного монстра не планировалось. Но делает он то, что хотелось бы. Только бы по проще, без лишних наворотов, и чтобы работало на халявных хостингах– Isaev15 июн 2020 в 20:29
1 ответ
Картинки можно обрезать на php +
как вариант можно в атрибут src вставлять обрезаную картинку 100*100
Дальше добавить ко всем тегам img какой нибудь дата атрибут(data-image-origin) в который записывать пук к оригинальной картинке. На js при клике на картинку подменять значение атрибута src на значение data-image-origin