

Ideally, you should use JPEG or JPG for images with lots of color and PNG for simple images. There are several others, such as JPEG XR and WebP, but they’re not universally supported by all browsers. It’s the best choice for animated images. You can adjust the quality level for a good balance of quality and file size.

We’ll go into this more below.īefore you start modifying your images, make sure you’ve chosen the best file type. 😮 Optimize them! Click to TweetĪs a Kinsta customer, you can benefit from image optimization for free by enabling automatic image optimization with just a few clicks. Images make up on average 21% of a web page's overall weight.

If your page takes too long to load your visitors might get tired of waiting and move on to something else. It will improve your page loading speed (see our case study below for how much it affects your speed).And ironically, a good image optimization workflow is one of the easiest things to implement, yet a lot of website owners overlook this. It’s more important than scripts and fonts. So when it comes to optimizing your site, after video content, images are by far the first place you should start! According to HTTP Archive, as of November 2018, images make up on average 21% of a total webpage’s weight. Check Out Our Video Guide to Optimizing Images for SEOįirst, why do you need to format your images? What are the benefits? There are numerous benefits of optimizing your images for performance.
