I have a folder with a bunch of images about 1080p in size. In that folder, I have an index.php that would display all the images, scaled down to 4 images per row. However, the images still render as if they were full size and resolution, so sometimes it takes a while to load all these images. I want to render the images, but in a lower resolution for faster loading times. Is this possible? Also, can it be done similarly with HTML 5's video element?
You can view the website where I want to load the images in lower quality at http://quantumquantonium.ddns.net/images_and_videos/screenshots/epic
I can use PHP's imagick, but I just need help setting it up.