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:
- 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!
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.
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.