Skip to main content

Responsive Image Strategy

Image Optimization for Devices

The website's responsive design generally scales images for different screen sizes. However, specific images may require optimization for mobile, tablet, and desktop displays.

Previous Approach

Prior to the current method, a custom CSS solution was used to manage image variations across devices.

New Method

A new and improved method for handling different images for smartphones versus monitors is now available.

Training Resource

View the instructional video for detailed guidance on implementing the new image optimization method.

Please watch the video to see how it's done.