Many times, we get a call or an email from a frantic client - worried that they cannot open one of the provided files or that they do not know what the file type is for

File Types

Computer graphics are created as either raster or vector images.

Raster

Comprised of colour pixels which collectively form an image. The quality is relative to the total number of pixels (resolution measured by WxH) hence the higher the pixels, the more detailed or sharper the image.

Scaling
Increasing the size of a raster image means enlarging the pixels. This leads to loss of quality or pixel density in relation to the screen resolution.

Uses
• Photos

 

Vector

Comprises lines and shapes filled with solid colours or gradients to form graphics and illustrations. This is the sharpest, clearest form of graphics. It retains the clarity regardless of how much resizing is done.

Scaling
Because the image is made of lines rather than pixels, the quality is unaffected when the image is enlarged.

 

Uses
• Diagrams
• Illustrations
• Logos
• Typography

 

File Formats


JPEG: Joint Photographic Experts Group
Extension: .jpg
Use: Web

This is a standard format compatible with a wide variety of platforms, using superior compression techniques. JPGs do not support transparent backgrounds. Their level of compression can vary in resolution with high-quality for desktop printing, medium quality for web viewing and low quality for email. When compressed repeatedly, the quality of a JPG image is reduced.

 


PSD: Photoshop Document
Extension: .psd
Use: Print

PSDs are the industry standard files for working with high quality photo images. These files are compatible with layers which make them ideal for image editing and manipulation.

 

TIFF: Tagged Image File
Extension: .tif
Use: Print

Used for high-quality images, TIFFs are common in photography and commercial printing. They are preferred for their wide compatibility with the various imaging solution softwares.

 


GIF: Graphics Interchange Format
Extension: .gif
Use: Web

A GIF is a low resolution graphic file format commonly used for web and email. Almost all browsers can support the use of GIF files, which use a compression scheme to minimise file size and electronic transfer time. GIFs are also animated using various compatible software.

 


PNG: Portable Networks Graphics
Extension: .png
Use: Web

PNG files are high-quality bitmap images that employ lossless data compression. PNG supports 24-bit images and produces background transparency without jagged edges. However, some web browsers do not support PNG images.

 


PDF: Portable Document Format
Extension: .pdf
Use: Web/ Print

A PDF is a universal file format that preserves and embeds the fonts, images, layout and graphics of any source document, regardless of the application used to create it. PDF files can be shared, viewed and printed by anyone with the free Adobe Acrobat Reader software. PDF is extremely versatile and can be used for either proofing or printing high-resolution files.

 


EPS: Encapsulated Post Script
Extension: .eps
Use: Print

EPS files are used by designers to transfer an image or artwork, generally a vector file, into another application. EPS files can be opened using Adobe Illustrator, Freehand, or Adobe Photoshop. Printers prefer EPS format files, they are completely scalable.

 


AI: Adobe Illustrator
Extension: .ai
Use: Print

These are vector files created using the Adobe Illustrator program. They are used by designers and printers to generate files of different file formats and sizes. AI files can only be opened using Adobe Illustrator and may be created in layers. An AI file is one of the most preferred formats by printers and is completely scalable.

 

SVG: Scalable Vector Graphics
Extension: .svg
Use: Web/ Print

A vector image format which generally has the same build qualities as an AI vector file. The main difference is that SVG files are XML based, allowing them to be searched, scripted, compressed and indexed. This make them ideal for online use, animation and interactivity.

 

Usage Chart