Image Optimization

What does image optimization mean?

Simply put it is the process of making image sizes smaller so a website will load faster.

Having too large of images, that is the file size, is one way that can slow down your website. If you have an image on your site that only needs to be 800 x 600 pixels but is 4000 x 3000, it is going to take much more time to load. In the example I just gave, it would be best to resize your image to 800 x 600 so that your site can load as fast as possible. That is the main part of image optimization.

Another thing with image optimization is to make sure the “src” attribute is NOT empty. An html image tag looks like this: . The “src” is the actual location of the image file. I would also add that it is wise to have the “alt” attribute as that is what text would show if for some reason the image doesn’t show or if a screen reader comes across it so that a blind person knows what it is.

Lastly, make sure you are using the right type of image. There are many image types but the most common ones found on websites are Jpeg, Png, and Gif. Each one has a different purpose and file size. Jpeg’s are meant for photos with lots of colors. Png images are meant for more simple, flat, images like logos, illustrations, etc. Gif’s are generally for animated small less detailed images. By following these tips and reducing sizes of images your site will load a little bit faster and make a difference. There are many other options for reducing the loading time of your website and I will talk about that in a future post.

I hope you have found this post to be helpful and if you have any questions please send me a message using my contact form or sending an email directly to services@brentnicolet.com