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.
Suggested Links Photoshop Tutorials
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Web Design & Graphic Design Blog
Photoshop, Flash, 3D Studio Max Tutorials
Web Designers & Developers
Crafts for Kids
Photoshop Tutorial Man
Tutorial Guide -- Free Webmaster Tutorials
Design Contests
How to Draw
Work From Home Job Search
OTHER SITES WE OWN
AllFreelance
Graphic Design Resources Directory
Graphics Tutorials Directory
Social Networking Articles
Design Sites Up
All Freelance Work & Portfolios
Graphic Design Community
Education & Learning Directory
![]() |
Web Design Articles Home
by Eric HeadNew 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.
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
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.
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.
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).
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
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
![]() |
![]() |
|
![]() |
![]() |
|
Making the Move from Freelance Work to Full-Time Employment
If you are like me, after graduating from a graphic design school, your goal was to make it as a freelance web designer. The lure of flexible hours, working from home and the freedom to manage your own time was too much to resist. At some point, I decided it may be ?easier? to work [...]
Tips for Asking for a Raise
At some point in our careers, there is a time when we open our paychecks and breathe a sigh of disappointment. After years of studying at a graphic design school and countless hours spent devoted to learning from colleagues and researching new design techniques, the numbers on our pay stub just don?t seem to measure [...]
Stock vs. Original Digital Photography
A picture is worth a thousand words. Graphic design schools teach us that photos on web sites have the potential to capture our attention, motivate us to read more or even propel us to navigate to another web site entirely. They inflict emotion and can establish a connection between site visitors and the goods or [...]
3 Tips to Manage Content Updates
While walking through the pharmacy I passed the aisle filled with red heart-shaped boxes filled with chocolates and remembered Valentine?s Day is quickly approaching. Even though I was surrounded by so many representations of love, it reminded me of one thing that I actually despise ? web content updates! Graphic design schools teach many, many [...]
Should You Drop the Drop-Down Menus?
I was recently on a home improvement web site searching for ideas for renovating my bathroom. After a few minutes on the site I realized that I was not going to find what I was looking for ? it certainly could have been there, but I just could not find it. Menu after menu had me [...]
Sharpen Your Skills and Gain an Edge at 2011 Web Design Conferences
Graphic design schools prepare us well for our immediate future, but it takes effort to stay on top of the ever-changing field of web design. Following are a few of the upcoming conferences and trade shows meant to help you stay a step ahead of the competition.
Interaction Eleven In its fourth year, Interaction Eleven is [...]
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.