Reduce image quality on the fly and display lower quality version

[exitimran]

I have a competition website that uses Wordpress allowing users to submit images. There are 700+ entries with up to 6 images each, with a maximum filesize of 3mb for each image.I've then listed all the entries as posts, then on each post it displays the images.Each image is displayed using \[code\]the_field('image1');\[/code\], \[code\]the_field('image2');\[/code\], \[code\]the_field('image3');\[/code\] etc.The problem I have is that the page is then trying to load 6 images at 3mb's a time. Is there a way to optimise the image on the fly and show it at 50% quality?