The most common file types and their use in print and web.

If you find yourself confused between a JPG and an EPS then read on.

Knowing which file format to ask your designer to supply can be daunting.

Having your file supplied correctly is crucial to the final job outcome for print or web. To help you understand the difference let’s look at eight of the most common file types and describe each one.

Let’s describe BMP, EPS, GIF and JPEG.

BMP.

Bitmap, it’s a large grid made up of thousands of little squares or 'pixels' that create a photographic image. Coloured pixels allow an image to be built up square by square. The problem is that the appearance is determined by the size and the resolution or the density of the pixels otherwise known as the 'dots per inch' or DPI. The higher the DPI, the clearer the image will be, therefore 72 dpi will be fine for online use but for print you need your image to be at least 300 dpi. 

EPS.

Encapsulated PostScript is the most versatile file format used when sending a job to print. It is a vector-based format meaning that images and fonts are treated as a series of geometric shapes that can be enlarged without distortion. Vector-based images are made using a series of lines, shapes and curves creating an image which viewed small on a business card or very large on a roller banner they always appear sharp. 

GIF.

Graphics Interchange Format, GIFs can be used for small animations and low-resolution film clips. They don't tend to produce colour photographs very well but are well suited for graphics with solid colour.

JPEG.

Joint Photographic Experts Group, they are similar to a bitmap and are often specified for photographic images. The quality of a JPEG depends on the resolution of the file. The problem with a JPEG is that it is lossy meaning that each time it is re-saved some of the information is lost whichaffects the overall quality of the file, restricting the way the image can be edited.

Let’s describe PDF, PNG, SVG and TIFF.

PDF.

Portable Document Format, preserves a document's layout, ensuring it looks the same on any device or software. They're commonly used for printing due to their consistent formatting. However, PDFs are not ideal for web content as they lack accessibility, search optimisation, and responsiveness on mobile devices.

PNG.

Portable Network Graphics, PNGs are raster graphics file formats which means they have a structure made up of a rectangular group of pixels which are lossless, in other words, they allow the original data to be perfectly reconstructed from the compressed data not affecting the quality of the image. They were designed for transferring images on the internet and support the RGB colour space. The PNG file also has the best capacity for transparency. 

SVG.

Scaleable Vector Graphics, is a two-dimensional vector graphic format which allows vector graphics to be displayed on the web.

TIFF.

Tagged Image File Format, TIFFs are often used for photographic and continuous tone images as well as line art graphics and images involving text. Images saved as a TIFF are bitmapped and they can't be enlarged without the loss of image quality so it's important to supply a TIFF at the size it will be printed to avoid loss of quality or pixelation.

I hope this has explained the difference between the different file formats. You can always contact us for more information.