Skip to main content

Sorry, You’re Not My File Type

By Alicia Sanchez – March 18, 2010
OfflineAlicia Sanchez

These blogs are meant to help you build and enhance your community’s appearance as well as its public perception using design as your tool.

Below is a list of acceptable file formats for web graphics and photos to help you achieve the best results visually as well as reducing file size for your online community.

.jpg

JPEGs are designed to efficiently compress continuous colour or grayscale images, such as photographs or fine artwork. JPEGs do not work well on hard-edged images with areas of flat colour, these are better suited to GIFs or PNGs.

.gif and .png

GIFs and PNGs are used for flat-color images like logos, buttons, and graphic text, and are based on the number of colors contained in the image. Finding the least number of colours without compromising the quality of the image will yield the best results for keeping your file size down for the web.

When it comes to compressing files for web PNGs tend to compresses better than GIFs (in most cases). However, Internet Explorer 6 does not support PNG graphics while Internet Explorer 7, Mozilla Firefox, and most modern browsers do.

Use PNG files for creating transparent backgrounds that are continuous (uses alpha channels), not flat - for example if you have a logo with a large drop shadow that you want to blend gently into a background. GIFs also support transparencies however are better suited for flat transparency use, either a pixel exists or it doesn't - for example, a button that has straight solid edges.

.bmp

BMP files format, sometimes called bitmap, is used as the standard storage format in the Microsoft Windows environment. Although it is based on Windows internal bitmap data structures, it is supported by many non-Windows and non-PC applications.

 

About the author

Alicia Sanchez

Lead Graphic DesignerIGLOO Inc.

Alicia Sanchez is a graduate of the Graphic Design and Advertising program at Conestoga College located in Kitchener, Ontario. She has over 9 years experience as a Graphic Designer developing…

0 Comments

Would you like to comment?

You must be a member. Sign In if you are already a member.

  • 157 views
  • $obj.VersionIndex versions
  • 0 comments
  • 1 follower
     
Labels:

UI

Post Date:
March 18, 2010
Posted By:
Alicia Sanchez
 

About this channel

  • 778 views
  • 13 articles
  • 1 follower
     

Viewed 157 times

Page Options