Have you ever wondered what’s the difference between a png or an eps or a jpg file? Choosing the incorrect file format could be undermining your brand. Here, I’m going to cover some of the most popular file formats and their uses so your final product doesn’t look like a big ol’ mess.  

 

 

 

RASTER FILES – best used for online

Raster files are made up of tons of little coloured pixels at a specific size. All of these tiny pixels create the illusion of a continuous image. Meaning, it’s actually made of a bunch of dots. They are built at one specific size and cannot be made larger. If you enlarge a raster file, it stretches out the pixels and it becomes blurry. This is why you can’t just grab images from the internet and make them crazy large. More pixels need to be added to an image in order for it to become larger without losing resolution quality. You need the native file (the original editable file, like a Photoshop document) to add more pixels.

In order to size your images appropriately, for screen resolution they need to be 72ppi (pixels per inch) and for print they need to be at least 300ppi. 

Typical raster files are .jpg, .gif, or .png.

 

JPG – Joint Photographic Experts Group

Typically, JPG’s are used in high quality photography and high resolution online use. They will lose quality if scaled larger and are not transparent, meaning you can’t overlay them on other media without having a white background.

So when should you use a jpeg? General rule of thumb is when:

• Your image is a photograph
• Your image has lots of complex colours and gradients
• You have no need for image transparency
• You have no need for animations

 

PNG – Portable Network Graphics

PNG’s are a transparent, non-scalable file format. If you make them any bigger than the size they are they will get grainy and not be as sharp. They have transparent backgrounds so you can overlay them on other layers without them having a white background. PNGs are best to use for web-related graphics and social media.

PNGs should be used when:

• Your image is going to be used online (websites, email mailouts)
• You require a transparent background or a partially transparent background

 

GIF – Graphics Interchange Format

GIF’s are used specifically for online use. They save raster type, logos, graphics to very small file sizes. Uses limited colours, so not ideal for image. They can be transparent as well as animated. 

GIFs should be used when:

• Your image is going to be used online (websites, email)
• You require your image to be animated
• Your image has only a few, solid colours (like small web icons or simple images)
• You require an image with a transparent background

 

VECTOR FILES – best used for print

Vector files are resolution-independent images, meaning they are created with mathematical formulas. These can be scaled as large or as small as you could ever want it to go without loss of image quality.  Because of their scalability and crisp clean lines, vector file formats are used for high quality print. You could run your logo in a 1 inch square on your website or blow it up on a billboard, and it would be just as crisp and beautiful in either application. The most common software for creating raster images is Adobe Illustrator.

Typical Vector files are .eps or .pdf.

 

EPS – Encapsulated Postscript File

EPS files are scalable, vector format files. You can scale these files as big as you want and they won’t lose quality. This file format is best used for print graphics when you need to make something really big, like signs, etc.

EPS files should be used when:

• You want to share an editable, vector file with someone using vector editing software other than Illustrator.
• You are sharing a vector file with someone who wants the flexibility of embedding the file in various software applications
• When a printer, client or collaborator specifically asks for an EPS file

 

PDF – Portable Document Format

PDFs are good for both print and digital. They are used as a way to share documents without losing quality or design. PDFs can be compressed if necessary and embedded online, but often shared as a downloadable file.

PDFs should be used when:

• Sending a file to print (an alternative to AI, PSD or EPS)
• Uploading a document online for people to be able to read, download or share
• Sharing a vector file with someone who doesn’t have software that supports vector illustration

 

SVGs – Scalable Vector Graphic

SVG’s are being used more and more as they allow web graphics to be re-scaled to any size screen without distortion. The great thing about this file format is that it can be compressed to very small sizes, saving space on servers and reducing page loading times. SVGs can be used for any vector file, whether it’s a website background, icon or logo.

SVGs should be used when:

• You are uploading any vector image to your website
• You are uploading your company logo to your website
• Your image needs to flawlessly re-scale to various sizes

 

 

Ready to start creating your brand? Contact me to set up your complimentary consultation!

hello@openbookdesignco.com

 

 

---

 

You may also like: