Tech Tips« Back to Ideas Collection
More Tech Tips
- • A Perfect Landing Place
- • Understanding Typographic Emphasis and Hierarchy
- • How to Rebrand Your Business in 7 Steps
- • Add Beauty and Balance Using the Golden Ratio and the Perfect Spiral
- • 4 Principles That Can Make or Break Your Grid Designs
- • Using Glyph Shortcuts in Your Design Software
- • File Formats Decoded: Vectors vs. Rasters (and Why it Matters!)
- • 3 Guidelines for Stellar Design Typography
- • Sharpen InDesign Type Spacing with Three Easy Tips
- • Kiss Print Hassles Goodbye by Packaging Print-Ready PDFs
- • Employ Printed QR Codes for a Rapid Response
- • 6 InDesign Best Practices
- • Understanding Photoshop File Formats
- • Leading Like a Pro
- • Become A Keyboard Shortcut Superman
- • Master the Light With Custom White Balance
- • Spot, Heal, Clone: The Perfect Combination
- • 4 Illustrator Hacks You Didn't Know You Needed
- • Preflighting: The Perfect Launch
- • Think Inside the Box with Grid Systems
- • Caring for the Widows and Orphans
- • Fix Distorted Photos
- • Fine Tuning Typography
- • Real-Time CMYK Previews
- • Compose Yourself!
- • Understanding Compound Paths
File Formats Decoded: Vectors vs. Rasters (and Why it Matters!)
When you begin submitting designs for printing, there may be confusion about the type of art files needed. Computer graphic formats can either be vector- or raster-based, and the type of file you use can make a substantial difference in the quality of your final printing.
So, what is the difference, and (more importantly!) why does it matter? Here’s a quick overview.
Pixels, Mathematics, and Scalability
Raster-based graphics are comprised of tiny squares called pixels. A pixel is simply the smallest addressable element of a graphic represented on the screen. Raster-based graphics are resolution dependent, which can present problems when a picture is enlarged. As an image is expanded, you may notice the edges of your artwork becoming distorted; or as you zoom in, the image deteriorates until you’re left with a jumble of colored squares.
Raster graphics can be photos or graphic files created in Adobe Photoshop, Paint Shop Pro, and other Raster editing programs, and the basic file types are .jpg, .gif, .png, or .tif. Raster images are best for photos or when you want rich, complex color blends. Raster graphics are typically acceptable for digital publication but may not work well in printed projects unless images are saved at a high DPI (dots per inch), so the quality doesn’t suffer during the printing process.
In vector-based graphics, the image is not described by pixels but by mathematical concepts (points, lines, and shapes). This allows designers to create art that is clean, camera-ready, and can be scaled infinitely without any loss of quality. Vector designs can be printed as small as a keychain or as large as a billboard without any distortion, and the files are often much smaller, so they are easy to transmit between computers or over the Internet. Vector graphics can be created using programs such as Gravit Designer, Affinity Designer, Corel Draw, and Adobe Illustrator, and file types include .svg, .eps., .pdf, .ai, or .dxf. Vector art is preferred for logos, illustrations, insignia, fonts, or high-quality clip art.
What If I Have the Wrong Format?
Most professional designers can save art to both raster and vector graphic file types. If you have a vector format and need raster instead, files can be converted by using the “export” function rather than the “save” function. Here you can select the format you wish to export your design into. Converting rasters to vectors is a rather intricate, time-intensive process, so whenever possible, it’s best to create original art in both formats or to stick with vector-based graphics.
Many projects combine raster and vector images together in one publication, which is especially simple in layout software such as InDesign, QuarkXpress, Illustrator, or Photoshop. Ultimately, format selection boils down to what you’re creating and its intended use.
Have questions? We’re here to help you look your best in every format. Contact us today for more details!
by Antonis Tsagaris
The truth of the matter is that you can learn the basics of vector graphics design in about an hour and start putting them into practice straight away.
If you’ve ever dreamed of being able to create:
- a whimsical illustration for your boy’s birthday party
- an icon set that you can share with the world
- an exciting logo for your amazing start-up
- a mock-up for that great app idea you had
- … and always gave up before you even started because the supposed complexity stopped you on your tracks, you need to realize that there’s nothing mysterious about all of that. It’s a simple, learnable process that I’ve distilled down to the absolute basics, so you can get going immediately!
In this book, you’ll learn:
- What vector graphics are
- What the most common vector graphics programs are
- How to get started without needing to spend a penny
- The five core skills you need to have to start creating beautiful vector artwork
- How to expand your knowledge beyond the basics