Do you know the difference between JPG, GIF, PNG?

Images done right – What’s the difference? png? jpeg? gif?
 
It is hammered into your head that EVERY blog post, every article and update needs an image.
We know those posts generally get the most activity – but only if they are quality and interesting images. But what about the format of those images and graphics, especially when they need to be LARGE such as on Google+ and Pinterest? There are several formats for online images: jpg/jpeg, gif and the current favorite, png.
 
Instagram allows 15 second marketing videos, Pinterest allows you to pin all images, some videos and animated graphics – but what makes the most sense to get your message out there?
 
What’s the difference?
How do we know which we want?
Can we simply rename an image?
What about saving as, a save as after saving as?
 
A copy of a copy of a copy – even digitally – begins to lose quality. We’ll give you tips on how to avoid that issue and keep your images as crisp, clear and lovely as possible.
 
————————–
Helps:
Here is the link to Stackoverflows site, nicely describing differences:
http://stackoverflow.com/questions/2336522/png-vs-gif-vs-jpeg-when-best-to-useAnd for crazy nerds, Google Developers “Image Optimization”:
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization

 
Free programs to edit images:
PicMonkey, Canva
 
Apps to edit images on your phone or tablet:
A Beautiful Mess!, Photoshop Express
 
Tips highlighted:
Start with the largest possible image and use SAVE AS to create variations and other formats. Name them all the same at the front and add: _500-lowres, _1200-highres, etc. so when you sort them they stay in a group and are easier to find.
 
Just because you can animate things, doesn’t mean you should. Let’s go back to that gooey baby from 1992!
 
Comment from event attendee, Brian Shea:
For those going back to the old days of dial-up in the 90’s, keeping file size small was one of the most important lessons, as we had to upload those images via 28.8/56k.  So, we quickly understood and appreciated filesize.  When broadband came in, and digital cameras, all the new designers thought nothing of using photos directly out of the cameras.
Yes, I’ve seen 4mb files being used on websites.
Even for some old timers, they didn’t get the concept that even though ‘everyone’ has broadband, the images still need to be optimized.  It wasn’t until they got hit with major mobile data charges that they realized that filesize is not just about performance and speed. It’s also costly.
By: