---
title: "Design terms for non-designers Part 2: Vector vs. raster"
description: Find out the difference between these two graphic types and which one to use for your purpose.
image: https://www.mreach.com/hubfs/design-terms-vector-raster-lead.jpg
---

![](https://secure.leadforensics.com/199962.png)

[Design](https://www.mreach.com/blogs/tag/design), [Marketing](https://www.mreach.com/blogs/tag/marketing)

[![Eryn Mahoney](https://www.mreach.com/hubfs/Eryn-Mahoney.png) ](https://www.mreach.com/blogs/author/eryn-mahoney)

 By [Eryn Mahoney](https://www.mreach.com/blogs/author/eryn-mahoney)  
June 25, 2021

Share [Share this blog post on LinkedIn ](https://www.linkedin.com/sharing/share-offsite/?url=https://www.mreach.com/blogs/design-terms-non-designers-vector-raster) [Share this blog post on Facebook ](http://www.facebook.com/share.php?u=https://www.mreach.com/blogs/design-terms-non-designers-vector-raster) [Share this blog post on Twitter ](https://twitter.com/intent/tweet?text=I+found+this+interesting+blog+post&url=https://www.mreach.com/blogs/design-terms-non-designers-vector-raster) 

![Design terms for non-designers Part 2: Vector vs. raster](https://www.mreach.com/hubfs/design-terms-vector-raster-lead.jpg)

Understanding the difference between raster and vector graphic file types can make the difference between your brand assets looking clean and crisp or jagged and fuzzy. Consider this a cheat sheet.

“Doughnut” worry, though: these terms are not just for marketers, designers, or developers. These terms are for everyone.

## **Vector files: Math in action**

![image of a doughnut next to a magnified section of it, showing even at 500% zoom, the vector image is clear](https://www.mreach.com/hs-fs/hubfs/Blog/design-terms-vector-raster-1.jpg?width=750&name=design-terms-vector-raster-1.jpg "image of a doughnut next to a magnified section of it, showing even at 500% zoom, the vector image is clear")

Vector files are usually my go-to for creating logos, graphics, or signage. These files contain different paths that are based on mathematics calculations to form lines and shapes. They can be scaled down to a business card (3.5 x 2 inches) or all the way up to a highway billboard (14 x 48 *feet*) without losing quality.

Awesome-sauce, right?

This makes it much easier when you are designing something for different sizes or media. When you start with a vector graphic file, more doors open when you need to export your files into specific file formats like .png or .pdf.

[Vector file extensions](https://www.mreach.com/blogs/design-terms-for-non-designers-part-3-graphic-file-types) are typically .ai, .eps, .svg, or in some cases .pdf. The first two are created with Adobe Illustrator. With .ai being the native file and .eps being a universal file, either can output to an .svg file—allowing the user to control the color while scaling up or down.

## **Raster files: Pixelated DNA**

![image of a doughnut next to its magnified counterpart. at 500% magnification, the raster image is pixelated](https://www.mreach.com/hs-fs/hubfs/Blog/design-terms-vector-raster-2.jpg?width=750&name=design-terms-vector-raster-2.jpg "image of a doughnut next to its magnified counterpart. at 500% magnification, the raster image is pixelated")

Think about all those selfies you’ve taken. (Don't be shy, we all do it.) Those photos and images are *rasterized*. Rasterized images are set to display at a specific resolution and are made up of tiny pixels. Each pixel contains a little bit of information that helps to form the bigger picture. In this case, your lovely selfie.

One important thing you should know about rasterized images is that you cannot add scale more than 100% without losing quality. Remember those tiny bits of information that made up your image? These are commonly known as pixels per inch (ppi) or dots per inch (dpi). Think about them as your images’ DNA. You cannot add more information, but you certainly can remove some.

Basic best practices for your raster files are using 72 dpi for web-based photos and images, and 300 dpi for printed assets or photography. If you don’t know what the current resolution of your photo or image is, check the image properties.

[Raster file extensions](https://www.mreach.com/blogs/design-terms-for-non-designers-part-3-graphic-file-types) are typically .png, .jpg, .psd, and .gif. With .psd being the native file, all of these can be created with Adobe Photoshop. The important thing to remember is that they are made of pixels and do not always scale properly, so you need to optimize them for their intended location. This will help keep them looking good and not blurry. We try not to scale beyond 100% of the original image.

## **Takeaways**

Use vector graphics when you need flexibility. Your logo will look crisp on everything from business cards to billboards. Note how the vectorized chocolate-frosted doughnut retains its clarity even at 500% zoom, while the rasterized strawberry-frosted doughnut looks blurry at the same magnification.

Raster graphics are better for photographs because pixels contain a lot of information. But resizing can result in a lower-quality image. Understanding these two terms can be the difference between a crisp and blurry image. Your choice will depend on your purpose.** **

#### Insights in your inbox

We take pride in a team loaded with smarts, wit, and ideas. If you'd like to have a smarter, wittier inbox filled with ideas each month, subscribe here to the MarketReach Blog, and we will let you know when there is something new you might like!

#### You might also like...

[

 Design, Marketing

##### Design terms for non-designers Part 1: Color

April 23, 2021

](https://www.mreach.com/blogs/design-terms-nondesigners-color)

[

 Strategy, Design

##### How to ensure your success in fast-paced graphic design

May 31, 2024

](https://www.mreach.com/blogs/ensure-success-fast-paced-graphic-design)

![MarketReach Logo](https://www.mreach.com/hubfs/raw_assets/public/MarketReach_July2020/images/MR_WORDMARK_RGB_COLOR-865d56c9d3dc815b0ff54aba5f8f54ba.svg "MarketReach Logo")

Creative services for  
technology marketers

[![](https://www.mreach.com/hubfs/MarketReach_July2020/Image/hubspot-solutions.svg)](https://www.hubspot.com/agencies/www-mreach-com)

410 Amherst Street, Suite 110, Nashua, NH 03063  
[(603) 645-1300](tel:+16036451300) • [inquiry@mreach.com](mailto:inquiry@mreach.com)  
 Copyright © 2020 MarketReach, Inc. All rights reserved. [Privacy Policy](https://www.mreach.com/privacy)

#### Ready to build something? So are we.

Need us now? Just want to learn more? We’d love to talk.

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Eryn Mahoney",
    "url" : "https://www.mreach.com/blogs/author/eryn-mahoney"
  },
  "dateModified" : "2024-05-21T18:02:59.673Z",
  "datePublished" : "2021-06-25T14:47:22.000Z",
  "headline" : "Design terms for non-designers Part 2: Vector vs. raster",
  "image" : [ "https://www.mreach.com/hubfs/design-terms-vector-raster-lead.jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://www.mreach.com/blogs/design-terms-non-designers-vector-raster",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://www.mreach.com/hubfs/MR_WORDMARK_RGB_COLOR-1.svg"
    },
    "name" : "MarketReach, Inc."
  }
}
```