Logo Files Explained: What to Ask Your Designer For and What Each File Is For
Designers hand over a folder full of logo files with confusing names. Here is what PNG, JPG, SVG, PDF and vector files mean, and which one to use for each job.
You pay for a logo, and your designer sends you a folder full of files with names like logo.png, logo.svg and logo.pdf. They all look similar at first glance, but they are not interchangeable. Use the wrong one and your logo comes out blurry on a banner, boxed in white on a coloured background, or impossible for a printer to work with.
This post explains the main logo files in plain language, which one to use for each job, and exactly what to ask your designer for before you consider the job finished. If you want to avoid the design mistakes that make logos look unprofessional in the first place, see our post on logo design mistakes.
The Main Files, Explained Simply
PNG: the everyday file with a transparent background
A PNG is the file you will use most often. Its great advantage is transparency: the area around your logo can be see-through, so the logo sits cleanly on your website header, a coloured social media graphic, or a photo, without a white box around it. PNG files also keep edges sharp, which matters for text and simple shapes. Ask for a large, high-resolution PNG of your logo, because a small PNG stretched large will still go blurry. For everyday digital use, PNG is usually the right choice.
JPG: the simple file with no transparency
A JPG is a common image file, but it cannot be transparent. Every JPG has a solid background, usually white. That makes it fine for a document or a slide where the background is white anyway, but poor for a coloured website header or a social graphic, where the white box will show. JPG files also lose a little quality every time they are saved, so they are not the best choice for a logo you plan to edit and re-save many times. Use JPG only when someone specifically asks for it, or when the background is white and will stay white.
SVG: the website file that never goes blurry
An SVG is different from PNG and JPG because it is not made of pixels. It is made of instructions that describe the shapes, so it can be scaled to any size, from a tiny browser tab icon to a large screen, without ever going blurry. That makes it ideal for websites and apps. Most modern websites use SVG logos for exactly this reason. If your designer offers one, take it, and keep it for your website developer. The only catch is that not every programme opens SVG files easily, so it is a working file for digital use rather than something you would attach to a casual email.
PDF: the print-friendly file
A PDF version of your logo is the one printers and sign makers often want. A PDF can hold the sharp vector shapes of your logo, so it prints cleanly at any size, from a business card to a shop sign. It is also easy to share and open, which is why printers ask for it. Keep a PDF copy of your logo even if you never print anything yourself, because the day you need a banner, a sticker or packaging, the printer will ask for it first.
The source or vector file: the master copy
Your designer works in a design programme that saves a master file, often in AI or EPS format. This is the source file from which all the other files are made. It holds your logo as editable shapes and text, so colours can be changed and sizes adjusted without any loss of quality. This file belongs to you once the work is paid for, so ask for it. Without it, a future designer may have to redraw your logo from scratch, which costs time and money and rarely matches the original exactly.
Which File for Which Job
Here is a simple guide you can keep:
- Your website header and app: SVG first, or a large PNG if SVG is not available.
- Social media profile pictures and posts: PNG, so the logo sits cleanly on any background colour.
- WhatsApp profile and status graphics: PNG with a transparent background.
- Documents, slides and email signatures: PNG, or JPG if the background is white.
- Printing, such as flyers, business cards and banners: PDF, or the vector source file if the printer asks for it.
- Large signage, vehicle branding and embroidery: the vector source file, because only it scales to any size without losing quality.
When in doubt, ask the person who will use the logo what format they prefer. Printers, developers and social media managers each have a favourite, and sending the right one first saves a round of messages.
What to Ask Your Designer For Before You Pay the Final Balance
Do not wait until months later to discover a file is missing. Before the job closes, ask for this complete set:
- A full-colour version of the logo in PNG, SVG and PDF.
- A one-colour version, usually black and white, in PNG and PDF, for stamps, single-colour printing and fax-like uses.
- A version for dark backgrounds and a version for light backgrounds, so your logo stays readable anywhere.
- A transparent PNG, and confirmation that it is truly transparent, not white.
- The source or vector file, so future designers can edit the logo properly.
- The exact colour codes and font names used, so anyone can match your brand later.
Save these files in one folder, back them up, and note which file is which. A folder labelled clearly today saves a frantic search the day a printer is waiting.
Mistakes That Spoil a Good Logo
Even a well-designed logo can look poor when the wrong file is used. Watch for these common problems:
- Stretching the logo. Never drag a corner to make it wider or taller. Stretching distorts the shapes and makes the whole brand look careless. Resize proportionally, keeping the shape exactly as designed.
- Using a JPG on a coloured background. The white box around the logo will show, and it looks unfinished. Switch to a transparent PNG.
- Printing a small web file. A logo that looks fine on a phone screen can print blurry on a banner, because screens need far less detail than print. For anything printed large, use the PDF or vector file.
- Recolouring the logo casually. Changing logo colours to match a particular post may feel harmless, but it slowly breaks brand consistency. Stick to the approved colours, and use the approved one-colour version when colour is not possible.
- Placing the logo where it cannot be read. A detailed logo on a busy photo, or a light logo on a light background, disappears. Use the dark-background or light-background version as appropriate, and give the logo clear space around it.
Frequently Asked Questions
Why do I need so many versions of one logo?
Because screens, social media and print all work differently. One file cannot do every job well. The set above covers the common jobs, so you are not caught out when a printer or developer asks for a specific format.
What if my designer only sent me a JPG?
Ask for the rest of the set, especially a transparent PNG and the vector source file. If the designer cannot provide them, a new designer may need to redraw the logo, so it is worth sorting this out early.
Can I convert a JPG into an SVG myself?
Automatic conversion tools exist, but they trace the image rather than rebuilding it properly, so the result is often rough around the edges. For a logo you will use for years, a proper vector file from the original design is far better.
Does the file type affect how my logo looks on my website?
Yes. A small PNG can look soft on large screens, while an SVG stays sharp at every size. If your website logo ever looks blurry, the file type is one of the first things to check.
Get a Logo You Can Actually Use Everywhere
A logo is only useful if you have the right files to use it. Ask for the full set, store it safely, and use the right file for each job, and your brand will look sharp from a WhatsApp profile picture to a printed banner. If you need a logo designed, or your existing logo files need sorting out, explore our services or contact us to start a conversation.
Get weekly tech insights
Join our newsletter for practical guides on web dev, AI tools, and digital marketing — sent every Monday.
No spam. Unsubscribe anytime.
Related Articles
A Brand Guidelines Document for a Small Business: What Goes Inside It
8 min read
One Brand Everywhere: Keeping WhatsApp, Instagram and Your Website Consistent
7 min read
Real Photos vs Stock Photos on Your Business Website: What Builds More Trust
7 min read