The long and short of GIF and JPEG



Get Web Design Tips and Tricks on mps-web-design.com. The long and short of GIF and JPEG topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.

The 2 misused file types

Do you oftentimes feel confused what to use for your web images-- GIFs or JPEGs? And more importantly why?

Great. You deserve kudos as confusion leads to comprehension. Here is what you have been looking for all the way!

Essentially, they are formats in which web images are created in. Any file with a .jpeg or .gif extension is recognized, by a browser, as an image file.

A good web site is partly one that will load quickly into a browser. Agreed? Well, for this to happen, your web page has to be small in file size. The GIF and JPEG file formats compresses images so that it is web worthy.

This is vital for you that you don't mess around when it comes to decide what to use when. Here's what you need to know (a subtle reminder and congrats for tech guys who know it)

GIF ( Graphics Interchange Format)

- Pronounced as 'jiff' . Thought you got to know it.

- GIF was the first-ever image format created for use on the web. This implies that all browsers of all versions can read images in the GIF format.

- GIF can icorporate transparency . This is great. Isn't this ? Especially so when you wish your graphic to blend in with your background.

- GIF compresses an image using LZW compression . Confused? Simply put, this means that the quality of your image does not degrade when it is compressed. Deterioration in image begins to crop up only when it is having more than 256 colors.

- Good results can be had using GIF when there is a large area of flat color in the image. And when it uses fewer. The fewer colors, the better.

- GIF can be animated . All animations, barring the more advanced Flash movies, are GIF files.

JPEG ( Joint Photographic Experts Group)

- Pronounced as 'jay-peg' . Okay, as of now you know how both are pronounced.

- JPEG uses a lossy compression scheme . This means that you will, in fact, lose some data during compression. The more you compress, the more quality you lose. You will, therefore, have to strike a right balance between image file size and quality.

- JPEG compression rate can well be controlled . The higher the compression rate, the lower the size of the image. And as you have guessed, eh? The lower the quality.

- JPEG is optimally used for photographic images. The more colors and subtle gradients an image has, the better.

- Browsers take a longer time to display JPEGs.

Demarcating features of JPEG and GIF

One of the worst mistakes (hopefully you won't make any longer) a web designer can make is to opt the wrong format for a particular type of image. As a thumb rule, for images with few flat colors, choose GIF. Images with lots of colors and gradients, you may go for JPEG.

Simple enough. Here is your turn to appreciate a couple of somewhat tricky tech understanding with regard to JPEG and JIFF...

Pertaining to JPEG, if the horizontal rows of pixels undergo change frequently without patterns, then a JPEG may allow for a smaller file even if it is having few colors only.

For designers if they can save a few kilobytes on each image, it can drastically improve the loading time of image-loaded pages intended for users with slow connections.

Further, though you can have animated GIFs, this is rarely a good idea in terms of design.

There are a few things you can do with GIFs that you can't do with JPGs. The best way to get the smartest web images and graphics is up to you: technology is at your disposal only to be selectively used for spectacular results. So get going to harness tech understanding!


Online Trading For Financial Freedom. - Online stock trading, daytrading and short term investing strategy for beginning and experienced traders alike.
Short Swing Trading. - A Complete and comprehensive strategy for trading short swings in share prices.



Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79


More Articles:


1. Graphics for the web: The Most Common Formats
One of the early problems on the net was how to display graphics. The firstbrowsers only displayed textual information - the modern browser with it'simages, multimedia and plugin's did not exist. Everything was text based.Now there are hundreds of image formats, although only a handful areactually appropriate for the internet. And to make things even moreconfusing, there are additional ways to display pictures including Java,ActiveX, Dynamic HTML and so on (although these tend to just displayvar…

2. The Power of Color
Do you find it hard to choose color schemes for your Web designs? It is a question I get asked often. An effective color scheme can make or break your Web site. If it doesn't convey the personality you are trying to achieve, you may end up alienating the people you are trying so hard to get to notice you.In my quest to design successful, attractive Web sites, I spend a lot of time picking colors. Making sure colors coordinate well with each other is not an easy task. But, with the right tools an…

3. 10 Ways to Achieve Superior Web Site Design
In order to achieve online success, one must have effective and reliable products and services and great web design as well. Many people are judging the book by its cover this is the reason why your website should also be superior.Here are 10 ways to carry out in order to ensure that your website design will turn out to be a superior one:1. Keep those banner programs away. Avoid plastering your pages with every banner program you can think of because it is like broadcasting to the whole world th…

4. New strategies for SEOs
Starting somewhere between late September and November 2005, Google launched a major update to their search algorithm which shook up the search engine optimization (SEO) community and millions of website rankings. The update has been named Jagger and is apparently finished. Keywords that were used to find your site may not be producing as many visits any more because the Jagger changes caused your certain site's rankings to plummet, but many people have seen their rankings stay the same or impro…