1). JPGs

A JPG file is best used for a standard photo. If you’ve got a plain rectangle shaped or square image, this is definitely the file type to use.

You can make this file type much smaller in file size than a PNG or GIF which makes it easier on your server and a visitor’s browser giving you a better Core Web Vital score.

2). PNG

A PNG file is best used when you have a photo that needs to be a different shape other than a square or rectangle. For instance, let’s say you want to take your headshot image and remove the background. This is where a PNG works perfectly.

If you just want to take a rectangle photo and make it a circle. It’s possible to do that in Showit to help your CWV score a bit.

3). SVG

SVG stands for Scalable Vector Graphic. SVGs can be really light weight and actually don’t ping your Core Web Vital performance as much as all of the other file types do. This file type is perfect for things like your logo or icons, or any graphic element that isn’t a photo. Drawings or shapes can be perfect for SVGs as well.

You wouldn’t want to save a photograph as an SVG but for different shapes or graphic elements, it’s a perfect choice.

To save SVGs you’ll need an application like Adobe Illustrator and in some cases, you can use Photoshop.

4). GIFs

GIFs are the animated version of our images that we’ve all come to know and love. The only real use for these is if you have animation in your images. These are the largest file sizes and cause your site pages to load the slowest. So, use wisely.