Use Style Sets to control when images will be displayed

Control display by Device & Screen Size

WYNCHCO website designs include six MODULE Style Sets, which incorporate CSS3 @media Queries, to enable you to control image display depending upon:

  • DEVICE
  • and SCREEN SIZE

being used by website visitors.

Use of Style Sets enables you to display separate versions of the same image, each one in response to the device used.

The image sizes will vary by DIMENSIONS (px) and DISK SPACE used (kb).

Images with smaller dimensions (all other things being equal) will also be smaller in terms of disk space used.

Website performance will certainly be improved when Style Sets are used in this way.

But as ever, benefits usually come with some costs attached!

Read on.

Cost vs Benefit

The use of Style Sets to control image display by device and screen size will certainly improve performance.

For example, improved:

  • page load speeds on small screen devices,
  • page rank in search engines, and
  • user experience.

But their use may also result in increased costs to your business or organisation, depending upon the availability of time, skill set and relevant experience.

If time is of the essence, we recommend using Style Sets to control image display only when page load speed is critical.

How Style Sets may be used to control display of IMAGES

We include an example to demonstrate how Style Sets can be used to control image display be device and screen size in our separate article.

Read more: Use Style Sets to control display of images by device & screen size.