Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.

Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.

Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.

Design Float - Graphic Design News Directory

SEARCH DESIGN SCHOOLS

Zip Code:
Subject:
Degree:
Online Campus Both

Graphic Design Education - Search Schools

When To Use GIF and JPEG Image File Types : Graphics File Formats

Web Design Articles Home
by Eric Head

New web designers often misuse image file formats. This is a common mistake and after reading this article you will most likely be able to figure out when to save a file as a jpeg and when to save a web file as a gif. In short, the answer is that vector and illustrated items should be saved as a Gif, and Photographs should be saved as JPEGs. Read on to find out more.

Graphic Designers from our Community

The one thing you will notice on the Internet is the common misuse of image file types. This is commonly the result of web designers that have just learned the basics of HTML and are getting their feet wet by creating simple pages, while not knowing the impact the misused graphic file types are having.

Here is a breakdown of the two most popular file types and when you should be using them:

GIF Graphics File Format:

The term GIF is an acronym for Graphics Interchange Format and was created in 1987 by Bob Berry out of Compuserve.

As a web designer, you should always think of GIF in association with Line-Art or Clip-Art. This typically means cartoons, drawings, buttons, text images, or basically any artwork that is not a photograph. The reason for this is that GIF photographs tend to bloat the file size of the image and this will cause the loading time for your website to increase.

When you are creating a GIF image, you are able to define the amount of colors that are used in the image. For example, you can specify the colors of a GIF image up to 256 colors. It doesn't seem like a lot, but even with this amount of colors, you are able to get sufficient photographic gradations in your image results.

JPEG / JPG Graphics File Format:

The term JPEG is an acronym for Joint Photographic Experts Group and was created in 1990 by Eric Hamilton.

As the name implies, JPEGs were made for photographic images. Whenever you are designing a website, always associate JPEGs with photographs. You will do your website visitors a great service by saving photos in this format, since they will load much quicker than if that same photo was saved as a GIF.

When you are creating a JPEG image, you define the quality by means of adjusting a percentage. This is useful when you are optimizing a photograph for a website. The difference in load time with a JPEG image at 100% quality is significantly different than a JPEG photograph image set to 60% quality (and most of the time, the loss in quality is unnoticeable to the naked eye).

Other Graphics File Formats - PNG, TIFF:

There are other image file types for the Internet, such as PNG and TIFF. These have their place in the overall spectrum of web design, but for the beginning web designer, the focus should begin with discerning the difference between GIF and JPEG.

About the Author

Eric Head is the webmaster and author of the articles and tutorials featured at http://www.graphicmentor.com. Another great article/tutorial here: http://www.graphicmentor.com/tutorials/softwarebox/index.php Email: graphicmentor@gmail.com

RECENT ARTICLES from Graphic Design BloG

Corel is on a Quest for the Best.
Over the past 25 years, Corel has grown from a tiny start-up company to a global software brand. So to celebrate, they’re throwing one heck of a virtual party for fans and customers across the world. Kicking off the bevy of special events and offers is the Quest for the Best Creativity Challenge, an open [...]

Our Designers		SEARCH DESIGN SCHOOLS Zip Code: Subject: Degree: Online Campus Both

How to Design an iPhone Application: Part 2
So the last post started you down the road to iPhone app stardom. Now let?s talk about how to execute your big idea and actually get it up and running in the iTunes store: 5. Get going on the design work. While you?re waiting for Mac?s Software Development Kit (SDK) �and Xcode files to download, work on [...]

How to Design an iPhone Application: Part 1
Earlier this week, the New York Times reported that Apple banished app developer Thuat Nguyen and all of his applications from the iTunes online store. It was a severe punishment for a prolific book app provider, but a necessary one. It seems that Nguyen was breaching user?s accounts to make purchases (of his own applications) [...]

Time-saving Tools You Shouldn?t Miss
Smashing Magazine recently posted an excellent roundup of powerful time savers for web designers–a whopping 50 of them. Funny, trolling through a list of 50 web design tools built to help you save time doesn?t seem very efficient. That?s why you can find a recap of 4 of the most helpful/innovative/time saving ones below. They?re [...]

Using Open Source Fonts from Google
Until recent history, the folks working in print were having all the fun with fonts. On the digital side, web designers have had to resort to workarounds and text-filled images to even come close to the richly diverse fonts available to print designers. But the good folks at Google are working to change that, one open [...]

Don?t Miss Out: Summer 2010 Hot Web Design Conventions
It?s easy to let the creative juices cool off during the summer, what with all the sun and sand and vacation time. So how about a day or two of intensive inspiration therapy? Conventions can be a great way to put some fire under your well-tanned bum. You meet like-minded colleagues, hash out the latest [...]

Fall Fashion Forecast: Innovative Web Design
After a rough year, the fashion industry is making a comeback–but not without some help from innovative new web concepts. Leading the charge is fashion mega-mag InStyle, which plans to complement its jam-packed fall issue with an online pop-up store powered by StyleFeeder, an online product recommendation service. During its 5 week run, the online mini-store [...]

All Web Design Resources is a Directory & Blog Full of Tools for Web Site Designers

All Web Design Resources Portal is a Web Site Design education directory with resources & articles for Graphic Designers, Web Developers, & Web Designers including a Web Design forum, blog, graphics software tips, web development resources, web programming tools, web design jobs, advice for new web designers about web design schools and education as well as tips for freelance web design business owners, and much more.