Images

WordPress Plugin Staff List – Images

Images are optional. You can create staff directory with no images.
You can use the same image for staff and single pages or have two separate images.
You can add borders, overlays, custom classes and other visual effects.

How to Make Images of the Same Size

In a responsive layout images are resized to fit the container. The maximum image size is 100% of the original. Images are not upsized or cropped.

To show images uniform in size they need to have the same dimensions or the same aspect ratio.

You can use WordPress image editor or any other graphic application for that purpose.

Free, online image editors: ResizeImage.net or google “online image resizer”.

Image Optimization

Large sized, high-resolution, and uncompressed images are slowing down your page load time. That leads to issues on low bandwidth or mobile devices.
Image optimization is about reducing the file size of your images as much as possible without sacrificing quality so that your page load times remain low. You may want to google How to Optimize Images for Web for more info.

Lazy Load

You may want to check recently released free WordPress plugin Native Lazyload. It lazy loads images with the new loading attribute for browsers that support it (Chrome). It also includes a fallback mechanism for other browsers. The plugin has no settings – users simply activate it and it works.