Image Sizes for the Web

Image size is very important when it comes to web design. Because server and internet speeds are limited, the amount of information a browser can serve to any given user is limited by the size of the included files. If a site contains many large images, it will take significantly longer to load than one with smaller images. The amount of time a site takes to load is also proportionally relevant to the likelihood of someone staying on your page as they will click off if it takes too long to load. For best practices, site images should be smaller than 750kb which can be reduces previous to be uploaded to the web.

Screensets help improve site load speeds by serving images to users depending on the browser size. If we compare someone using a large device compared to a phone, the person using a phone will only be able to see a fraction of the pixels available to someone on a larger device. We can optimize load speeds for mobile users by only serving smaller images to them and therefore improving their experience by reducing load times for them.