| Branding, Design Basics

Like this? Share it.

Updated June 2019. It contains important information for small business owners who are comparing logo design services and trying to manage their logo design files.

If you hire a graphic designer or are using an online logo tool to design your logo, make sure that you get the correct files once the logo is finalized.

Vector vs. Pixel Based Graphics

Generally, professional designers work in Illustrator to design your logo. Adobe Illustrator is a vector-based program, rather than a pixel-based program like Photoshop. Vector-based images can be resized both larger and smaller without diminishing the quality. On the other hand, pixel based images do not resize well. As you can see in the example below, the vector-based Illustrator file (top) is created with just a few points and a mathematical formula determines the curves and lines in between. The pixel or bitmap based Photoshop file (bottom) looks digitized and has blurry edges when resized from a low resolution file.

Visible Logic logo as vector based file

The vector version (Illustrator eps files) of the Visible Logic logo.

Visible Logic logo resized from a pixel-based program.

Visible Logic logo resized from a pixel-based program such as Photoshop.

Additionally, vector based graphics have the benefit of allowing transparent backgrounds. Any spaces between letters and lines can be transparent, not just filled white. If you plan to place your logo on top of another photograph, you will understand why this is critical (see below).


Fast, Affordable, Expert, Branding Advice for $99


File type: eps

An Illustrator eps file is the gold standard for your logo files. In fact, if your logo designer says they are working in Photoshop, or any other program, you are probably not going to get the highest quality files. And it will cause problems for you in the future, if not immediately.

Now it’s likely that you do not have Illustrator, so you will not be able to open the file. But that’s OK. You only need to be able to place the finished eps file within documents or provide it to printers or designers for such things as business card printing, signage, etc.

Whenever you pass along your logo to a professional, give them the eps version, unless another format is specifically requested.

The benefit of an Illustrator eps file is that it can be sized up or down without restriction and without deteriorating the image quality. It is a vector file. Professionals such as graphic designers, web designers, printers and sign makers can resize the image to whatever size they need. They can also save it into another file format from the eps.

Illustrator eps files also have a transparent background. That means that the logo can be placed in any situation without a problem. A jpeg, on the other hand, will always have a white box as the background of the logo. If your logo is not square or rectangular-shaped, you will always see white between the letters or around the edges.

Whenever you are working on something that requires your logo, always try to use the eps file first. The problem with eps files is that you may not be able to use this file type everywhere. You often cannot place an eps file in Word documents or Powerpoint files. You also cannot upload an eps file to use on websites or in social media. If the software you are using does not let you place or import an eps, then you will be forced to use an alternative format.

Note: It is possible to export an eps file from PhotoShop and it is not a true vector-based file. Make sure the eps file is created in Illustrator.

File type: ai

A file that ends with ‘.ai’ is an Adobe Illustrator file. This is the file that was used to design your logo. An Illustrator .eps file and an Illustrator .ai file function the same way for your designer. But, since you probably don’t own the Adobe software to open an .ai file it’s not that useful to you.

Generally, your designer will save the Illustrator file as an eps file so that it can be placed within other files.

File type: Jpeg

Jpegs are the most common image types that many of us are familiar with. Most photos from your camera or phone are jpeg files. You can tell their are a jpeg because they have ‘.jpg’ at the end of the file name.

Jpegs are easy to place within Word, PowerPoint and nearly any software or website when you need to place an image.

There are two common problems with jpegs files: they do not resize well, and they have a background fill (such as white).

A jpeg logo file will show a white background

A jpeg logo file will show a white background

Jpegs are pixel-based. If you zoom in on a jpeg image, every pixel square is colored in. The background color may be white, but it’s never transparent. For that reason, if you try to place a logo file (such as the VL monogram above) onto a background that is not white, it will have a white box around it.

File type: gif or png

Gifs and png files are an alternative to jpeg, but allow for a transparent background. However, they have the same limitations because they are also pixel based. You will again need to create the file with the correct size and resolution for the end usage.

A png logo file will show jagged edges, even though it has a transparent background.

A png logo file will show jagged edges, even though it has a transparent background.

With the sample above, I placed a png file with a transparent background on top of the photo. As you can see, the edges are jagged-looking. This effect gets worse the more the logo file is enlarged.

File Type: svg

Svg files are vector files meant for web-based usage. Files that end with ‘.svg’ are Scalable Vector Graphics.

As we learned above, vector files maintain their crispness when scaled. SVG files can be used on a website to allow for an image to be scaled and still look good.

Unfortunately, although .svg files are vector graphics, many printers have trouble with files when an .svg file type is provided or embedded in the document. Generally, .svg files are used online while .eps files are used in print. You may also be able to place an .svg file in PowerPoint or Word to be able to scale your logo within your presentation.

Note: if you want to be able to see what a .svg file looks like, try opening it in a web browser.

File type: PDF

PDF files might be vector files. You may also be offered a PDF version of your logo from your logo designer. The benefit of a PDF file is that it can be generated from Illustrator and then be viewed by you or someone else who does not have the Illustrator program.

Unfortunately, you can convert nearly any file or image into a PDF. So, someone could have created your logo in PowerPoint or PhotoShop and then just saved it as as PDF. Not all PDF files are inherently vector-based.

Also, there are some limitations and issues that frequently arise when you rely on your logo files coming in PDF format. PDFs, like jpegs, have a background color to them. They can also have a background size that is larger than the image itself.

Finally, I have often received logo files saved as PDFs that have strange issues with them such as the insides of open letters such ‘o’s ‘e’s and ‘b’s filling in, or having background boxes that I could not separate and unlock from other parts of the logo design. While these are issues that a designer well-versed in Illustrator can probably work around, they would difficult for someone without professional editing tools to deal with.

Source files for youR logo design

Source files refer to the raw files that were used to create your logo design. There is no universal definition of a what format source files should be in, so it may not be clear what you’ll get with these files.

As mentioned above, Adobe Illustrator is the gold standard for creating vector logo design files, so the source file should be an Illustrator file. It will likely be saved with ‘.ai’ extension but it could be saved as an eps or even PDF file format. Any of these should be able to be opened up and edited by someone who has the Adobe Illustrator software. Remember, if for some reason your designer used another tool like PhotoShop, InDesign or Canva, the source file would be related to that piece of software.

There are a few benefits of getting source files. Sometimes, source files still have the fonts active meaning you could edit the type within the logo design. This might be helpful if your company name is not quite finalized and you want to change the the business name but keep the same icon. Additionally, a source file may have elements still layered or in pieces. This may be helpful if you wanted to adjust something about the logo such as the color or the positioning of overlapping elements. While it sounds good to get the source files, remember that you probably shouldn’t be changing your logo frequently and that you would need Adobe Illustrator (or hire someone who uses the tool) to make the changes.

Some designers will allow you to purchase the source files for your logo design. I have found this term is a bit more common with low-cost designers like on services like Fiverr. Generally, our clients are looking for us to create a level of polish to their logo design that make have the source files irrelevant. For example, we rarely just typeset the font straight out of the box. It’s more likely that we’ve done custom kerning or manipulation of the characters in the word mark portion of the logo. Sometimes we even draw the letters from scratch, so having access to the original file that was the source of inspiration would be far removed from the final format.

Developing a library of files

To summarize: jpegs, gifs and png files are easy to use, but don’t scale well. The edges become bitmapped when resized. Therefore you’ll need to create different sizes of your logo with the end use in mind.

Here are some examples. If you are creating a pop-up banner for your tradeshow booth a jpeg would need to be very large and have a high dpi, if not, it will look low-quality. On the other hand, a web graphic can be very small. In fact, it’s better not to put a large graphic file on a website because it will slow down your site. Therefore, the size should be close or exactly what it will be in it’s final usage.

As you can see, it’s easy to end up with a large library of these images because you need one for every specific usage. And, you may not have the tools to make all these variations. You’ll need to start with the eps file to create the jpegs in these various formats, and your designer may need to be the one to do that for you. When you use an online logo making tool, you may not get the right file formats, or you only get a few sizes and types.

Whenever we design a logo for a client, we provide a large library of final electronic files. The key files are the Illustrator eps files, and we usually provide them in Pantone (PMS) color, four color, grayscale, black, and white versions. That handful of eps files are the most critical.

Then, we build a whole library of jpeg and gif files. We create a wide range of files in different sizes and resolutions to span most of our clients needs. As you can imagine, this is a large library of files. It is not uncommon for us to provide up to 100 different variations for them.

What kind of files did your logo designer provide you? Were they sufficient?

Save

Save

29 comments

  1. Mike Maddaloni - @thehotiron | May 14, 2010 at 1:53 pm

    Thanks for spelling this all out Emily – great article!

    Where I work in the web and not print, I run into this many times, where we get a JPG only and that’s what we’re expected to use to resize for the Web site. NOT!

    Working with a true, professional graphic designer who has experience with both print and Web is the only way to go. And it’s not even an issue of cost. If someone doesn’t offer what you have presented here, and they are cheaper, you will certainly pay more down the line to get it done right. Been there, seen it, never pretty… or cheap!

    mp/m

  2. Candy | May 20, 2010 at 9:42 am

    I am trying to place a logo file (originated in Illustrator) into Word and have the clearest possible resolution on screen. It also needs to print clearly. Have you any suggestions for format and resolution? We are trying to keep the file size down as well.

    Thanks.

  3. Emily Brackett | May 25, 2010 at 2:04 pm

    Candy, If you can place the eps file do that. It may look jaggy on screen, but should print fine. EPS files are generally very small files, too.

    PS Sorry for the late reply, we’ve been busy moving the offices here.

  4. David LeBow | March 25, 2013 at 3:58 pm

    Great post – spells it out clearly for the graphically impaired. Thanks!

  5. Rix | August 27, 2013 at 5:55 pm

    I feel original PSD or AI files should be kept with the designer with the option to purchase them off designer for an agreed price.

    A bit like buying the original negative (or RAW file nowadays) off a photographer.

  6. Sylwia | November 17, 2013 at 8:56 pm

    I am trying to get the best quality for a logo with gradients but when I export to an eps file, the gradients become bands. Is there any way around this?

  7. Emily Brackett | November 20, 2013 at 1:31 pm

    Sylwia, You may be seeing the bands when it previews or is placed within a file. But it shouldn’t actually print or reproduce that way.

  8. smp | January 29, 2014 at 11:04 pm

    Thanks so much for the post!!! Very helpful haha as a graphics amateur!

  9. John Newman | February 28, 2014 at 11:57 pm

    I have been using Canvas for many years and I have in the past exported as JPG with very good results. Unfortunately canvas does not import AI well and without AI I cannot read/view an AI file.
    If I export a Canvas file as AI I am not able to check it. Do you have a suggestion for an AI reader?
    Most print providers do not use or accept Canvas.

  10. Emily Brackett | March 1, 2014 at 1:07 pm

    Sorry, John I do not know about converting from Canvas. This is why it pays to use the right professional tools.

  11. Aster Max | November 30, 2014 at 11:10 pm

    My print shop is asking for editable PDFs, original AI files or PNG files. They said that EPS files are going the way of the Dodo bird.
    Are you finding this to be true as well?

  12. Emily Brackett | December 1, 2014 at 1:32 am

    @Astermax. Editable PDFs are essentially the same as Adobe Illustrator files, but definitely not the same as PNG files. The logo file should be created in a vector-based program, and saved in a vector-based format. That normally means creating it in Adobe Illustrator. EPS, native AI or PDF would all retain the vector information. PNG will not.

    PDFs can be a great hybrid because they are viewable by more people / systems than an eps.

  13. Rosemary | December 10, 2014 at 12:27 pm

    I am trying to get files from my graphic designer for my logo that I can use in Word and Powerpoint. I need to be able to increase/decrease the size of it, drag etc – without the edges getting blurry. The jpeg and png files I got all get blurry when I change size and I can’t open the eps file. Do I need to get a library of all the exact sizes of the logo(in jpeg and png) that I might ever need to use in Word and Powerpoint? (Very helpful blog – great to read it in lay person’s terms)

  14. Emily Brackett | December 10, 2014 at 3:03 pm

    @Rosemary Yes, you’ve figured it out. Jpeg and png files do not adjust in size well. They get pixelated or blurry looking. That is why we send all of our clients a logo library of files of different sizes.

    You may find with the lastest version of Word and Powerpoint you can place an eps file, however it may or may not print right. If you are able to get the eps to work, use it. Don’t worry that you can’t open it, just choose Insert / Photo / Picture from file and place it.

  15. Rosemary | December 16, 2014 at 8:24 pm

    That’s great. Thank you so much.

  16. Kim | April 22, 2015 at 6:15 pm

    is it only possible to create a quality .eps file in Illustrator because Photoshop offers the same option. Is there a difference in the quality?

    Thanks

  17. Emily Brackett | April 29, 2015 at 4:11 pm

    Kim, Anything created in Photoshop will be created using pixels, and will not be vector-based. It is confusing that PhotoShop allows you to export an eps, but that will not be a vector-based eps. So if you create your logo as say 2-inches wide and then want a large sign made, the edges will not look crisp when you scale it up.

  18. ebe | October 21, 2015 at 9:54 am

    i am trying to place animated gif like logo on the video, so did u have any suggestion for that ?

  19. Lola | November 14, 2015 at 7:09 am

    Hi, I love this article! Great read for us graphically-challenged!
    My graphic designer is family and gave me a great rate for my design. I asked him for a logo I can use on my website, as well as for printing my business cards. He sent me a jpeg file. He does not use Illustrator. I am guessing I should use an eps file for my website (?) and possibly to print any materials, then jpeg files for any word/PowerPoint documents. Any way to get eps files from using photoshop?

  20. Emily Brackett | November 14, 2015 at 1:46 pm

    @Lola, You’re actually going to be OK with the jpeg on your web site. But eventually you’ll probably want a higher quality version. The problem with designing in Photoshop, rather than a vector-based program like Illustrator is that it doesn’t scale well. Your jpeg will lose quality whether you try to make it larger or smaller. You’ll need to re-create it in Illustrator.

  21. Cristian | December 8, 2015 at 6:55 pm

    Hello, thanks for all the great info,
    My graphic designer sent me Eps ,Ai,PNG and JPG files… I will like to play with the color of the logo and the size , its there any program or a specific file i should use ? Thank you

  22. yukprint | April 21, 2016 at 5:21 am

    hi
    currently im having problem with my designer
    they arent willing to give the EPS file that editable
    they just want to give the JPEG file
    while he has been awesome in the process
    im just surpised to find this
    especially when he did not bother to discuss it at the beggining
    is it normal like that ?

  23. Emily Brackett | April 21, 2016 at 6:14 pm

    Yes, this is surprising as what is the point of someone having a logo, if they do not have access to the high-quality files that should be part of the deliverable. It’s going to make you look bad, in some cases, if you can only use a jpeg. However, if you were not working with a contract, this may need to be negotiated.

  24. Roopali Bahal | September 19, 2016 at 5:15 pm

    Hi,

    I am getting a logo and typography designed for my brand. My graphic designer says that they will give me only the EPS file. How can I use this file to put it on my social media icon and website? I don’t have adobe illustrator so I won’t even be able to open the file?

Trackbacks

  1. designfloat.com
  2. joyoge.com
  3. BizSugar.com
  4. Get the Right Logo Files from Your Graphic Designer | Design Newz
  5. Web Site Design Tip: Highlight Logos With A White Background | Visible Logic: Design Advances Success

Join the Conversation