Ok, I'm going to get nerdy. So, ask questions if I start confusing you.

Ever asked yourself or anyone what the difference between JPEG, GIF, and PNG? Better yet, what do they mean and when would you use one over the other?

What is a JPEG?

1. JPEG is an acronym which stands for Joint Photographic Experts Group. The JPEG format was introduced to the internet and approved in 1992. JPEG's is the standard format mostly used to compress the images you see on the web today. The form has been in use for as long as the internet has been around.

Pros:

  • JPEG's use the least amount of data (bytes).
  • Compress image without losing image clarity
  • Capable of producing millions of colors.
  • Great for online pictures

Cons:

Not so good on text or images with sharp edges.

File Extensions Example;

  • waterfall.jpg
  • sunshine.jpg
  • jpeg-image.jpg

What's a GIF?

2. Graphics Interchange Format uses GIF as its acronym. GIF's commonly used for web animation, are images placed next to each other that repeat themselves and are soundless.

You are most likely to find gif's used on Facebook, Twitter, or other social media platforms.

In short, a GIF is a low quality, short video that uses a small amount of data when storing its file.

Pros:

  • Compress image without losing image clarity.
  • Good on text or images with sharp edges.
  • Great for online charts.

Cons:

Capable of producing only 256 colors.

File Extensions Example;

  • simpson.gif
  • waterfall.gif
  • sunrise.gif

What is a PNG?

3. PNG stands for Portable Network Graphics. PNG's were created to replace Gif's files

Pros:

  • Compress image without losing image clarity.
  • Capable of producing millions of colors.
  • Great for online pictures.
  • Great on text or images with sharp edges.
  • Great for transparency.

Cons:

  • Can only be used online.
  • Not compatible with old web browsers or some applications.
  • File can be large.

File Extensions Example;

  • business-logo.png
  • waterfall.png
  • sunset.png


Join the Discussion
Write something…
Recent messages
Harrysastar2 Premium
Hi, LeNard, just a couple of points you may consider that may improve your tutorial.

Choosing the image size doesn't actually compress it, you need a plugin or image compression tool such as Tinypng, which I prefer. as it saves installing another plugin. I did some training on Tinypng which may interest you. Reducing the size of the image to what you require before compressing is always a good idea. You can also ensure that your image remains the size you have chosen.

By going to your Dashboard>Setting>Media and entering a 0 digit in all three sizes: Thumbnail, Medium, and Large, and checking the box Crop Thumbnails, your image will remain the size exactly as chosen without the need to change it in the image size drop down menu.

If you do need to change the size you can edit it in the visual editor.

JPEG is fine if you're using images "as is",but if your using layers to build an image you need PNG, as JPEG doesn't support transparencies..

There are differences of opinion on using keywords in the title and alt text. Some believe Google may class it as "Keyword Stuffing".

I always aim to keep keywords at no more than three percent in the content, this allows me to use the keywords in the alt text and still remain within the recommended maximum of five percent. Yoast SEO will give you an indication of percentage of keywords in your content.

Hope this helps. Best wishes.
Reply
seconds2work Premium
Thank you brother, I should add a tool section. I like the comment you left. As far as keyword stuffing, Use LSI
Reply
RCollis Premium
Excellent article. Thank you for the information.

Rick
Reply
seconds2work Premium
thank you
Reply
ElviraC1 Premium
Thank for that info second to God be the Glory! with love Elvira
Reply
seconds2work Premium
Thank you for checking it out
Reply
XavierPerez1 Premium
Thanks for the examples for each of these. I sort of knew about them but not totally. I really appreciate the descriptions. Thanks again.

Xav.
Reply
seconds2work Premium
There are other images formats, but these are the most used and easier to understand. Thank for reading.
Reply
bigrog44 Premium
Thanks for sharing.
Reply
seconds2work Premium
Thank you, Roger; I was inspired by https://my.wealthyaffiliate.com/suekolman1
Reply
bigrog44 Premium
No problem.
Reply
Top