title: HTML: render high resolution images in low resolution
body: <p>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?</p>
  
  <p>You can view the website where I want to load the images in lower quality at <a href="http://quantumquantonium.ddns.net/images_and_videos/screenshots/epic" rel="nofollow">http://quantumquantonium.ddns.net/images_and_videos/screenshots/epic</a></p>