U.S. Coast Guard Auxiliary - Style Usage Guide

Chapter 3 - Electronic Imagery File Types

A) Introduction

This Style Usage Guide predominately deals with graphic art that at some point existed as information on a computer as a file. The visual representation can be translated and stored in various formats. This chapter explains the differences, strengths and weakness of the two main ways that graphics are stored on electronic media: Vector and Raster.

B) Vector Graphics

Vector graphics (also called geometric modeling or object-oriented graphics) is the use of geometrical primitives such as points, lines, curves, and polygons, which are all based upon mathematical equations, to represent images in computer graphics. It is used by contrast to the term raster graphics, which is the representation of images as a collection of pixels (dots).

The main advantage of vector graphics is they are Scalable. Since they are based on mathematics the same information used to create an image the size of this paragraph can also be used to create the same image the size of an outdoor billboard. The main disadvantage is that images in this format are most often seen as line drawings or cartoons. For our purposes in the use of logos, vector graphics provide the best consistency and precision.

The following are some typical file types you will encounter with vector graphics. Here they are commonly identified by their file extension typically seen in a windows-based computer environment.

  1. AI - Adobe® Illustrator® native format - This is the primary MASTER file format used in this guide. The current version of this proprietary commercial software is Illustrator CS2. Files in this format are small and compact and many other higher end vector-based graphic design programs can read this format. If for some reason you require a legacy version of a file, contact the Graphic Branch through your District Public Affairs Officer.
  2. EPS - Encapsulated PostScript - Initially PostScript was used solely on the Macintosh operating system. However EPS has developed into a robust standard to share vector-graphics among most software programs. However, these create larger files. Some commercial printing houses ask for an EPS master file.
  3. SVG - Scalable Vector Graphic - Designed to render vector art on a web page. Data is store as XML. This format is still going through growing pains and is not mature enough to trust. It shows promise, so keep your eyes out for it in the future. The Wiki Project is strongly encouraging its use.
  4. WMF - Microsoft® Windows® MetaFile format - Most common for clip art for use in the Microsoft® Office® line of products like Word® and PowerPoint®.

C) Raster Graphics

A raster graphics image, digital image, or bitmap, is a data file or structure representing a generally rectangular grid of pixels, or points of color, on a computer monitor, paper, or other display device. The color of each pixel is individually defined; images in the RGB color space, for instance, often consist of colored pixels defined by three bytes-one byte each for red, green and blue. Less colorful images require less information per pixel; for example, an image with only black and white pixels requires only a single bit for each pixel. Raster graphics are distinguished from vector graphics in that vector graphics represent an image through the use of geometric objects such as curves and polygons.

The main advantage for raster graphics is the superiority of photo-realistic image quality. More detailed visual information is stored in the way our eyes perceive the universe around us. The main disadvantage is in scaling these pictures, i.e. changing sizes. Downsizing, or making smaller is usually not a problem in visual presentation, but Upsizing, or making larger most often does not provide for visually appealing results. Also, files stored in this format can be very large. A magazine quality photograph can be several mega-bytes in size.

  1. PSD - Adobe® Photoshop® Document - Supports layers and best for combining into other graphic products. Raster equivalent of Adobe® Illustrator®.
  2. BMP - Microsoft® Windows® native BitMap image format - Like WMF, but for raster graphics. Use is limited as of today.
  3. TIFF - Tagged Image File Format - Largest file sizes. Zero Compression. Some professional printing houses require this format for large scale products.
  4. JPEG - Joint Photographic Experts Group - Also known as JPG. Best for raster graphics involving photo quality images. Can include metadata. Uses compression for reduced file sizes.
  5. GIF - Graphic Image Format - Best for web use. Can use transparencies.
  6. PNG - Portable Network Graphics - The new standard combining the best compression and lossless quality of JPG with the web optimization, including transparency, of GIF. All raster files provided in Appendix A - Official Imagery Library are provided in PNG format.

D) Summary

Picking the best image file to use combines a lot of choices. This Style Usage Guide has made the choices to provide you Adobe® Illustrator® CS2 native files as master files and the PNG file format for your raster graphics. We hope that this serves a majority of your needs, whether you are preparing a newsletter, print ad, poster, PowerPoint® presentation, video or web site. Good Luck and thank you for all you do!

For Official Use Only as directed by applicable Commandant Instructions.
Public domain The content available on this site, unless otherwise noted, is the work of United States Coast Guard Auxiliary personnel, taken or made during the course of a member's official duties. As works of the U.S. federal government, the content is in the public domain pursuant to 17 U.S.C. § 101 and § 105. Subject to disclaimers. USCGAUX Mark
United States Coast Guard Auxiliary — Style Usage Guide