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. 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 that, when viewed small on a business card or very large on a roller banner, always appears 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 information is lost, which affects the overall quality of the file and limits how 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 across devices and software. They're commonly used for printing due to their consistent formatting. However, PDFs aren’t ideal for web content because they lack accessibility, search optimisation, and responsiveness on mobile devices.

PNG.

Portable Network Graphics (PNGs) are raster graphics file formats, meaning they use a rectangular grid of pixels; they are lossless, so the original data can be perfectly reconstructed from the compressed data without affecting image quality. They were designed for transferring images on the internet and support the RGB colour space. PNG also offers the best support for transparency. 

SVG.

Scalable 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 losing image quality, so it's important to supply a TIFF at the size it will be printed to avoid quality loss or pixelation.

This explains the difference between the file formats. You can always contact us for more information.