Image re-sizing and optimization when uploading

Hi and welcome @Tom Rogers !

Not sure what the Siteglide team is planning for optimizing images on upload, but here's what may possibly help in the meantime:

1) Optimize all the ad images you currently have:

• If the images are too large, and you have access to Photoshop (... I know) 
  A free plug-in called "Image Processor Pro" will automate actions like file dimensions.
• Use an image optimizer app. If you're on a MAC, ImageOptim works well. Just drop in your images, and they're automatically optimized.
• Upload the resized and file reduced images to Siteglide

2) Going forward, in your (webapp) form that visitors can upload ad images (if I understand your use case correctly), try restricting the file size using something like parsley.js. Below are the various scripts and an example to add to your file input field that I've used, and have found helpful ...

• Style Sheet:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/guillaumepotier/Parsley.js@2.9.2/src/parsley.css">;

• Example input field:

<input class="form-control" id="webapp_field_3_25_file" type="file" required data-parsley-max-file-size="42"/>

• Example Javascript:

 <script type="text/javascript">
window.Parsley.addValidator('maxFileSize', {
  validateString: function(_value, maxSize, parsleyInstance) {
    if (!window.FormData) {
      alert('You are making all developers in the world cringe. Upgrade your browser!');
      return true;
    }
    var files = parsleyInstance.$element[0].files;
    return files.length != 1  || files[0].size <= maxSize * 1024;
  },
  requirementType: 'integer',
  messages: {
    en: 'This file should not be larger than %s Kb',
    fr: 'Ce fichier est plus grand que %s Kb.'
  }
});
</script>

• Dependencies:

<script src="https://code.jquery.com/jquery-2.1.3.js"></script><script src="{{ 'js/parsley.js' | asset_url }}"></script>

You can get parsley.js here https://parsleyjs.org/doc/download.html

Good luck Tom :)