The Logo Factory home Contact The Logo Factory Search our site Design Client Login What's new at The Logo Factory Order New Project Design top
Logo 2
Technical - Pixel based logos Logo 3
The Logo Factory contact information Logo 4
About Us Logo Design Information Design Portfolio Logo design pricing and ordering Other design services
Logo Design Frequently Asked Questions Logo Design Tips Our Design Process Working with TLF - Step by Step Design Glossary Technical Information Logo Design Articles Design Podcasts

Pixel (Raster/Bitmap) format logos - JPG, TIF, GIF and PNG logo formats

Technical SectionNecessary, but with a few cautions. Let's take a look at Pixel based file formats (.GIF, .TIF, .BMP, .JPG) using our nifty new logo (see below). These formats are called Pixel based (or RASTER) because they are made up from tightly packed Pixels - each Pixel consisting of a solid color. When viewed from a distance, these Pixels give the optical illusion of being a solid shape. When created on a computer, these Pixels usually follow the RGB color system (Red Green Blue) and it is the varying amounts of these colors that make up the tones of any image. These are the formats supplied by design houses advertising 'logos for your web sites' as well as the types of files generated by most so-called 'logo creation software'. As this is generally, the ONLY version that's created using these services, we recommend that you don't use this method for development of your new logo as your uses and applications are severely limited. Let's compare Vector and Pixel based versions of our example logo:


While the Vector based image (L) only requires 2 spot colors to print, the Pixel based version (R) requires hundreds of reds, blacks and grays to reproduce the same logo. This necessitates the use of 4 color process printing when it comes to using your logo on business staples - business cards, letterheads, etc.

Having a Pixel based version of your logo isn't a problem at first. We can safely use this image on web sites and other forms of electronic reproduction. But what about traditional printing? As this is our newly created logo design, we'll probably want to create business cards, letterheads and the like. Now, we have a problem. Because we do not have the luxury of Vector information, and cannot utilize SPOT color techniques, we have to print the image as is. However, traditional print uses an entirely different color system than electronic reproduction. While monitors use RGB, traditional print uses CMYK (Cyan, Magenta, Yellow, Black) also known as four color printing. We now have to convert our Pixel image to CMYK (which may cause color shifting - many RGB colors do not have CMYK equivalents). In this method of printing, the design is set up so that it uses percentages of the 4 base inks. These percentages are created using varying sizes and densities of dots - most noticeable in the low resolution printing of most newspapers (SEE FIG 2). When these varying amounts of the 4 base inks are printed one over the other, the resulting variations will print as new colors. Rather than having the color tones premixed like SPOT inks, we are basically having the inks mixed on the press instead.

In order to print a Pixel based version of your logo, we need to convert the image from screen colors (RGB) to a print friendly palette. Due to the number of colors, and the loss of Vector information, we can only reproduce this logo as a CMYK image using color process printing. This is an unnecessary expense, and we may not be able to match the original colors exactly.

It doesn't take a rocket scientist to figure out that this method of reproduction is much more costly that the spot color printing accessible using Vector based images. Of course, this all relies on the fact that we have even managed to obtain a Pixel based image in the correct resolution in the first place. The same principles hold true for images that are to be reproduced in Black and White, regardless if they are halftones or linear reproductions.

Black and white pixel based logos

Black and white Pixel based logos.

As we're trying to be perfectionists when it comes to the high-quality use of your new design, any BW usage of your logo should also be viewed as extremely important. Having access to a Vector based version of your logo is critical when it comes to creating high-quality BW grayscale (halftone) and linear images. Conversely, if we only have access to Pixel based versions of your logo, our choices are limited.

Comparing Vectors and halftone  versions

Halftone logos

This is the typical Black and White version of most logos that originally started in color. Vector based halftone images use a series of black dots to make up the grays and tones that have replaced the original color information. If we have a Vector based version of your logo, we have no issues. If we only have access to a Pixel based BW image, our choices are a little more restricted. Firstly, the image will have a background (a bounding box made up from the logo's footprint) which will make placing the image on backgrounds difficult (one method is the creation of a 'clipping path' in Adobe Photoshop). Printing and BW image from a Pixel based halftone can certainly be accomplished, as illustrated above, but it will not have the sharpness of a Vector version.

Comparing Vectors and Linear versions

Linear Logos

The same principles apply to linear versions of our logo (a BW continuous tone version of your logo where all tones and screens have been removed). As the Pixel based linear version of our logo requires what is known as 'aliasing' (in order to make up curves, the image requires Pixels of various gray tones to give the appearance of smooth edges), a Pixel based version of your logo will still require a full tonal range to reproduce. Not a terribly big deal, but it will create the fuzzy edges that are shown here (above right).

See here for more information on Black and White Vector logo images.

In practical terms - what does it all mean?

What does all this mean in REAL terms? Well, let's take a print job. Say, your business cards. You will want new ones, all featuring your nifty new logo. In our hypothetical world our printer charges setup fees of $10 per negative per color, $10 per plate per color and $100 per print run per color. With our properly prepared Vector artwork, we're going to need 2 of each, for a total of $240.00. Our Pixel based artwork is going to cost double that. At least. Many print shops bill a surcharge for FOUR COLOR setup, as well as cleanup. Also, you may have to print your Pixel based artwork on a larger press. So, doubling your charges may be on the conservative side. Amortize that over letterheads, envelopes, fliers and you'll see that the nifty cheapo logo that saved you a few bucks in the design process, is going to cost you large in the long run.

A skilled designer can create a Vector based image from a Pixel based format but it requires skillful hand conversion and editing and may not result in a completely accurate version of your logo. There are companies (such as The Logo Factory) who specialize in 'format-repair' - taking a logo created by logo creation software, or inexperienced designers, and creating the proper and necessary formats. This service obviously results in extra charges. Better off doing it right from the get-go. Here's a full listing of what Pixel based images and logo designs are capable of:

Major features of Pixel based images

Major Features of Pixel based logo file formats

Resolution: Varied requirements. For usage on your website, a logo in a Pixel based format (.jpg or .gif) needs to be 72 dpi/ppi (Dots per inch, Pixels per inch). For traditional printing the required resolution can be anywhere fro 150 dpi (desktop printers) to 266 dpi (most print work) to 300 dpi and higher (glossy, high quality printing).

File Names
: .jpg, , .gif, .tlf, .ps (Adobe Photoshop)

Major Uses:
Web, inclusion into office software and internal documents and special FX filters and techniques.

At a glance - Pixel format properties

CMYK friendly - can be reproduced in conjunction with other CMYK images (i.e.: color photographs). *1 RGB friendly - can feature RGB colors & used in electronic publishing.
Web friendly - can be optimized to a web friendly palette (with some image loss) & used on web sites. Small file size - can be transported & transmitted (e-mail) efficiently. *2
Scalable (reduce) - can be scaled down without image degradation. CANNOT be enlarged. Transparency available (.GIFs only) - may be used on color web backgrounds (may require some editing). *3
Special FX friendly - can utilize popular special FX filters featured in many 'paint' programs. *4 Black/white gray scale - can be converted to continuous tone black & white.


*1 - Requires correct image resolution. Most web-based images are 72 dpi, while traditional print images should be a minimum of 266 dpi.
*2 - File size is dependent on format. A .GIF file can be small, while the same image in a .TIF file can be substantiality larger.
*3 - Transparent backgrounds (.GIF) render 1 color of the image (usually the background color) invisible. Due to anti-alaising (object edges are made up of several colors to give smoother appearance), this can lead to 'blurry' edges when placed on a web page background. Other Pixel based images can 'drop' backgrounds using software (i.e. - clipping paths in Adobe Photoshop) but require creation of a proprietary formats (i.e. - Photoshop .EPS). Creation of these files requires the services of a skilled designer and involves additional billing.
*4 - Requires correct image resolution (see ). Vector based images CAN include certain special FX (drop shadows, etc.) but most special FX filters can only be applied to hi-resolution Pixel-based images. It's also worthwhile to note that most special FX filters work best on RGB images, and wen converted to CMYK without color correction, the special FX will appear flat.

Need proper file formats of your logo?
Logo Repair Mailer Downloads & FreebiesNeed Vector file formats of your logo? Our logo repair service can help.Want to read about it offline and at your leisure? No problem. Download our current promotional mailer about our repair, formatting and rendering services. Requires Adobe .PDF reader. More downloads here.

File Size: 488k
Download File as
PDF Document

Pixel (raster/bitmap) based file formats are included in all our logo design packages!

Not only do you get a great design, but you also get all the file formats you'll need - including Pixel based formats like JPG, GIF, PNG, etc. Order your new Logo Design project by using our design submission forms. For further information on any of our design services, or for a project that is outside the scope of options that are presented on our web site, please contact The Logo Factory, or call us TOLL-FREE (USA & Canada) at 1.866.891.9704. Outside North America? Call us at 905.LOGO.747 (905.564.6747).



Next: Changing File Formats & Logo Repair.

The Logo Factory Contact Info
Logo DesignCompany LogoBusiness LogosGraphic DesignLogosCorporate Logos
Design ArticlesFormat Survival GuideVector File Formats




All articles, features, illustrations and graphics contained in the Technical area of The Logo Factory web site are Copyright 2001 - 2007 The Logo Factory Inc and/or Steve Douglas. All rights reserved. For explanation of terms and descriptions used in the enclosed articles, see our Design Glossary. The information presented in our technical articles is made available 'as is' and as such no warranty is implied or offered. Pixel and Vector characters are Trademark/Copyright of The Logo Factory.
Order New Logo
Logo Format Video
NEW! - File Formats Video. New video explores the differences between Vector and Pixel based logos. From our Video Library.
How it Works
How our logo design service works
Read about our logo design process and how you can work with The Logo Factory without ever leaving your desk. Take a look at a typical project in our step by step case studies. For the latest in TLF news, you can read our studio blog.
Our Design Process
Free Logo Book
Free Logo Book
Download the latest edition of Logopalooza - our Free Logo Design Book. Dozens of logo examples, case studies and design information. See what The Logo Factory can create for you!
It's Logopalooza!
The Daily Logo
Served up fresh daily. The Daily Logo featured in The Logo Factor - our Logo Studio Blog. View previous designs in our Daily Logo Archives.
Software Picks
Want to know what we used at the studio to create our logos, flash and web design designs? Check out The Logo Factory design software picks.
Logo Repair & Cleanup
Need a logo cleanup? Our logo repair service can help. Turn that fuzzy old artwork into a flawless new version. ALL necessary logo formats