What Is The Best Images For A Website?

byAussieJeff

2K followers

5 years ago

What is the best images for a website when you are deciding between a JPEG or a PNG image and where's the most beneficial place to put these on your site.

What Is The Best Image Type For A Website?

There has been many debates flowing around between Internet marketers about what is the best image type for a website.

Is a PNG image the best choice for your site or do you go with JPEG, s that look very similar to there counterpart?

The fact is that whilst these two image formats can look identical on our websites, there are major differences between the two.

For us that run a WordPress website and want the 'Fastest' load speeds possible - do you think that you can dramatically decrease your site speed by adding either one?

Well, the answer is a BIG, yes!

What Is The Best Image Format For A Website?

Now, at this point - you might be wondering what is the best image format for a website that's not gonna affect our WordPress site speed?

Is it a PNG image or a JPEG?

Well, the answer in short is that PNG images do affect the speed of your WordPress Website!

As WP Sites load all the JavaScript strings from the header, placing a simple PNG image as your first or 2nd image near the head can reduce your 'Mobile' speed by up to 15 points.

If you have 2 or more PNG Images near the header, you can expect bigger drops in your mobile page speed loading time as above.

So, to clear up matters once and for all - always load a JPEG as your first image and even better, as your second image to.

JPEG, s and PNG images do have there place though and there are circumstances with you would want to use a JPEG over the other.

What Is The Best Image Format For The Web?

Now we know what is the best image format for the web to use, is there any difference in the quality of a PNG image compared to JPGEG, s?

The best rule of thumb when downloading your images to a WordPress website goes something like this...

Always use a JPEG image if there's plenty of color and depth to the picture as like the image shown at the beginning of this Wealthy Affiliate Blog.

PNG images are best used for 'Capture' shots of diagrams you take off the net for research purposes where the definition of words or numbers need to be clear to read.

In most cases, a JPEG image will just be as clear as an PNG but using PNG, s in the middle or near the end of your blog post is the better option.

Leave me a reply in the commenting area below if you have any questions or just feel like saying hi.