Skip to main content

How to choose between JPEG vs GIF for the web ?

This question is quite frequently asked by web designers with all levels of experience. The really short and sweet rule to remember is:

Lots of colors, JPEG... Solid colors or no gradations, GIF.

The first thing to understand about GIF and JPEG image formats is that they are both compression based formats. In other words, they take an uncompressed image such as a bitmapped image, and compress them to a smaller file size. The usual result of this conversion is a significantly smaller image size.

It might seem that one compression method would always result in smaller file sizes, but that is simply not the case. The GIF format is excellent at compressing images that have relatively few colors with no gradations. In fact, most small web graphics which are saved in GIF format should never exceed 10 kb. Now in the world of images... that's small! By contrast JPEG compression, when there are few colors and no gradations, usually results in images which are larger than their GIF counterparts and appear noticeably degraded.

As was stated before, each format has it's own particular advantage. And while GIF's may win out with the non-dithering, fewer color images, JPEG is King for dithered continuous tone images. A continuous tone image has a smooth transition or blend from one color to another. A good example of this would be a photograph. Rarely is a picture of anything a single color. There are many color changes, shadows and even gradations of color on objects. All these colors and shades floating around call for the JPEG format.

Image Use on the Web

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include

PhishTank Detects Phishing Websites by Digg Style Voting

OpenDNS, a free service that helps anyone surf the Internet faster with a simple DNS tweak , will announce PhishTank today. PhishTank is a free public database of phishing URLs where anyone can submit their phishes via email or through the website. The submissions are verified by the other community members who then vote for the suspected site. This is such a neat idea as sites can be categorized just based on user feedback without even having to manually verify each and every submission. PhishTank employs the "feedback loop" mechanism where users will be kept updated with the status' of the phish they submit either via email alerts or a personal RSS feed . Naturally, once the PhishTank databases grows, other sites can harness the data using open APIs which will remain free. OpenDNS would also use this data to improve their existing phishing detection algorithms which are already very impressive and efficient. PhishTank | PhishTank Blog [Thanks Allison] Related: Google

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.