Not sure what HTML you’ve already got, but if the images are each wrapped inside a <div> or <li> then you can use display: table; and display: table-cell to ensure that no matter how many images, they’ll always fit the width correctly. Expand snippet Working demo here.
You need to use either PHP’s ImageMagick or GD functions to work with images. With GD, for example, it’s as simple as… And you could call this function, like so… From personal experience, GD’s image resampling does dramatically reduce file size too, especially when resampling raw digital camera images.
Is there a way to resize (scale down) images proportionally using ONLY CSS? I’m doing the JavaScript way, but just trying to see if this is possible with CSS.