This guide will help you understand the different file types, colour variations, and lockup styles included in your logo set. Each file type serves a unique purpose, and using the correct one ensures your logo looks best in every application.
Types and usage
When you receive your logo set, you will find a variety of files including types such as JPG, PNG, SVG and PDF. Each of these file types are designed to cover all your print and digital needs. Understanding the difference between print and digital usage is crucial for maintaining the quality and integrity of your logo across different media.
Print usage
Print usage involves materials that will be physically printed, such as business cards, posters, brochures, and clothing.
Print files must be in the CMYK colour space, which stands for Cyan, Magenta, Yellow, and Black. These are the standard colours used in printing to ensure accurate colour reproduction.
Cyan
Magenta
Yellow
Black
The file types typically used for print include:
.ai (Adobe Illustrator)
The original source file, fully editable and scalable without quality loss.
.pdf (Portable Document Format)
Versatile for sharing and printing, supports CMYK and transparent backgrounds.
.eps (Encapsulated PostScript)
Ideal for scalable print materials, supports transparent backgrounds.
.jpg (Joint Photographic Experts Group)
Suitable for print but be cautious with resizing; does not support transparency.
.png (Portable Network Graphics)
Supports transparency and can be used in print; maintain original size to avoid quality loss.
Digital usage
Digital usage involves any materials that will be viewed on screens, such as websites, social media, and digital advertisements.
Digital files must be in the RGB colour space, which stands for Red, Green, and Blue. These colours are used in digital displays to ensure vibrant and accurate colour representation.
Red
Green
Blue
The file types typically used for digital include:
.svg (Scalable Vector Graphics)
Ideal for digital use, fully scalable, supports transparency, and has a small file size.
.jpg (Joint Photographic Experts Group)
Common for digital use; good for photographs and detailed images but does not support transparency.
.png (Portable Network Graphics)
Supports transparency and high-quality images; maintains quality when resized.
.webp (Web Picture Format)
Smaller file size, supports both lossless and lossy compression, optimised for web use.
.pdf (Portable Document Format)
Can be used for sharing documents digitally while maintaining formatting.
.ai (Adobe Illustrator)
Used by designers for editing and creating digital assets, not typically used directly in digital displays.
Colour variations
Your logo set can include different colour variations to help ensure it can work across various backgrounds and media:
Master
The primary version of your logo.
Greyscale
A black and white version.
Inverted
For use on darker backgrounds.
All white
For use on dark or coloured backgrounds.
Lockups
Depending on your logo design, you may have different lockup options:
Master logo lockup
The primary configuration.
Horizontal version
A wider, shorter variation, for use when the primary lockup doesn’t work within a space or layout.
Ident
A simplified version, ideal for social media avatars and icons.
Vector vs raster formats
Understanding the difference between vector and raster formats is essential for maintaining the quality and versatility of your logo across various applications.
Here, we will explore the characteristics, advantages, and best use cases for each type of format.
Vector formats
Vector files are created using mathematical equations to define shapes, lines, and colours. This method allows for infinite scalability without any loss of quality.
Vector files are ideal for creating graphics that need to be resized frequently and used across different media.
Scalability: can be resized to any dimension without losing quality.
Editability: easily editable using professional design software.
File size: typically smaller than high-resolution raster files.
Versatility: suitable for both print and digital media.
AI (Adobe Illustrator)
Characteristics: original source file, fully editable, scalable without quality loss.
Best used for:professional editing, creating new assets, print materials, large format printing (billboards, banners).
EPS (Encapsulated PostScript)
Characteristics: ideal for scalable print materials, supports transparency, editable with design software.
Best used for:print materials (business cards, posters, brochures), signage, professional design edits.
SVG (Scalable Vector Graphics)
Characteristics: designed for digital use, small file size, scalable without quality loss, supports transparency.
Best used for:websites, digital displays, web graphics, icons, interactive graphics.
PDF (Portable Document Format)
Characteristics: versatile, supports both vector and raster elements, maintains formatting across devices, can support transparency.
Best used for:sharing and printing documents, print materials, professional edits, digital presentations.
Raster formats
Raster files are composed of pixels, which are tiny squares of colour that come together to form an image. The resolution of a raster image is determined by the number of pixels per inch (PPI).
While raster files can provide detailed and complex images, they are not infinitely scalable; enlarging them beyond their original dimensions will result in a loss of quality and pixelation.
Detail and complexity: can represent detailed and complex images, such as photographs.
Compatibility: compatible with most software and devices.
Colour depth: can display a wide range of colours and gradients.
JPG (Joint Photographic Experts Group)
Characteristics: solid background, supports both CMYK and RGB, widely compatible, lossy compression.
Best used for: photographs, web images, digital documents, social media posts.
PNG (Portable Network Graphics)
Characteristics: supports transparency, lossless compression, maintains quality when resized, supports both CMYK and RGB.
Best used for:web graphics, digital documents, images requiring transparency, presentations, social media graphics.
WEBP (Web Picture Format)
Characteristics: supports both lossless and lossy compression, smaller file size, designed for web use.
Best used for: websites, digital displays, optimising web performance.
Practical tips
Converting file types
Always save from the original source.
Selecting the right file type
Match the file type to your specific use case.
Sending files to professionals
Provide EPS, AI, or SVG files for edits.
You should now have a clear understanding of how to use each file type included in your logo set. Always use the right file for the job to ensure your logo looks its best.