When should you choose png or jpg or gif for images?


There are in 2010 three standard types of graphics files used on the web, but which is best?

There is no format which is always better, but some rules for choosing the most suitable.  In general, png is becoming more popular as it supports transparency.

When to us PNG files

PNG formats for images should be used for modern icons and for transparency (which is far superior to GIF transparency). A big plus is it uses lossless compression, so preserving detail in the image. It is now proposed as a replacement for GIF as a standard by the WWC. Png files which include large photos or large images get become very large in size, and this is the main disadvantage.

When to use GIF image files

GIF formats are useful when image filesize is important, and they have been the format of choice for vector images or large flat areas of colour. They also support small animations and a degree of transparency. GIF files are the oldest format for web and a favourite with many designers, especially those who have been designing since the late 1980’s. GIF formats, like PNG use lossless compression.

When to use JPG images files

JPG formats are usually recommended for photos or images with a lot of detail, and is best when you are prepared to lose some quality or resolution for a smaller file size. The drop in resolution occurs because of the lossy compression used. Another major drawback is lack of support for transparency, and this is noticeable with Windows Vista and the move to semitransparent icons and images. In 2009 and 2010 PNG is starting to replace JPG in many instances.

Looking for website design? Cornish WebServices are been designing websites since 2002 and knowing the best image formats for fast downloading but high resolution websites is important.

← Back to Index

Email usTel: +44 (0)330 555 4680

Our site uses cookies to help provide you the best experience. By continuing to browse the site you are agreeing to our use of cookies.
Find out more about cookies and how to change your cookie settings in your browser.