Images are everywhere! Whether it’s header images, post previews, photo gallery previews or simple in article images, they are everywhere and make an important part of your website!
For all website managers out there, you know how important it is to have images on your website. If you look at your web stats in Analytics, you may also know that some images (providing SEO best practice has been followed), can appear in Google Images, thus widening the visibility of your website.
It’s important to note, often images are the most heavy elements of a web page meaning when a visitor reaches your website, the page is rendered according to connection speed. For instance, many mobile networks are not as fast as they advertise to be and larger images tend to take longer to load. As such, the user experiences a delay, thus negatively affecting the mobile experience.
Not only an issue affecting mobile users, this issue occurs for desktop and tablet users too! However, the good news is, we have an easy solution! The right way to approach the problem is to resize your images according to their use.
So...let’s say you have a blog, and each article has a header image. Before uploading that image, simply check how many pixels are used in the space the image will be placed and resize accordingly. The same goes for images in the body of the article and any other images you wish to feature on the website.
Typically, images taken with your camera are around 3000 pixels wide, however header space could be around 1000 pixels or less. Article images tend to be even smaller at around 250 pixels wide - the key is to resize, resize, resize.
When images are resized according to devices, websites will render faster, lighter and your visitors can access your content with ease. No more problems when users visit your website through WiFi or mobile networks!
For more information on best practice for images, please get in touch with us.