• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Off-Center Design

Off-Center Design

Compulsively Creative. OCD about your design and success

  • Portfolio
  • What We Do
    • Message Clarity
    • High Performing Websites
    • Website Maintenance
    • Graphic Design
  • Contact
    • Meet the OCD Fam

The Difference between a Raster Image & a Vector Graphic

September 20, 2015 by Off-Center Design

The Difference between a Raster Image & a Vector Graphic

Raster Images

Raster ExampleA raster graphic is an image typically edited in a program like Adobe Photoshop. It’s made of hundreds, thousands, sometimes millions of tiny, little color squares, generally referred to as pixels. The most popular raster file formats are: JPG/JPEG, PSD, PNG, TIFF, BMP, and GIF’s.

The Pros of Rasters?

  1. LOTS of details
  2. Limitless pixel editing

Don’t take this the wrong way, though. Just because there are no limits to the edits doesn’t mean it won’t take your graphic designer forever to do it!

The Cons of Rasters?

  1. Blurry when Enlarged
  2. Larger file sizes

The first con is the most important to recognize. See the illustration. When you zoom in to the photo, you can see the individual pixels. Do you see the graininess and pixilation? If you send a low-resolution logo in raster format to your graphic designer, chances are your end product will look grainy like this one.

Vector Graphics

Vector ExampleA vector graphic is a graphic designed in a program such as Adobe Illustrator. Vectors use math to make shapes with lines, curves, and points. So a 1″ x 1″ raster image at 72 PPI (pixels per inch) will have 72 individual pieces of information (pixels), but a vector square (no matter what size) will only have 4 points in each corner. Computers use math to “connect the dots” so to speak, and fill in all the missing information. Popular vector file formats include: EPS, AI, and sometimes PDF’s. The image below shows a vector graphic in normal mode, then in outline mode. See all those lines?

The Pros of Vectors?

  1. Infinitely scalable
  2. Smaller file sizes
  3. Easily editable

The Cons of Vectors?

  1. Less detail (than raster images)
  2. Limited effects

The most important thing about vector graphics is that they will never lose their quality, and you can enlarge them to a million times their original size without them ever looking pixilated or blurry. They’re also much easier to edit than raster images, so make sure those logos are vector graphics!

Want a quote on converting your raster file logo to a vector file? Email me at annie@offcenterdesign.co!

Filed Under: Uncategorized Tagged With: raster, raster image, vector, vector graphic

About Off-Center Design

Quit wearing all the hats. Let me help you achieve digital greatness.


 

Footer

OCD logo

© 2023 Off-Center Design | Sitemap

Website Maintenance Quote

You’re one step closer to having a super secure and up-to-date website.

Name(Required)
Was your website built with Wordpress?(Required)
Wordpress is my jam! I don't offer maintenance for websites that weren't built with Wordpress. Do you want the OCD team to rebuild your website on Wordpress?(Required)
Well, shucks. Looks like I can't help you with maintaining your website.
This field is for validation purposes and should be left unchanged.
The Conversation: 15 minutes? Or 1 Hour? You decide.

celebrateI know you’re tired of being the world’s best-kept secret. Shoot, you’re just tired in general.

I can’t wait to partner with you to give your business the visibility it deserves, and a conversation about your marketing is a great place to start.

But first, give me a few details about where your company is right now so that I can be better prepared to help you during our call.


  • Note: If you choose the $350 consultation, your payment will be fully deducted from any future web development services purchased with Off-Center Design in 2023.
  • This field is for validation purposes and should be left unchanged.
Full Sales Funnel— Good Choice.

celebrateWhen your website is already kicking butt, the best way to convert browsers into buyers is with a sales funnel.

First things first, let’s schedule a time to chat.

You decide your level of commitment. Do you want to have a quick (and FREE!) chat about your marketing for 15 minutes? Or are you ready to deep-dive into a one-hour marketing consultation and strategy session ($350)?

Give me a few details about where your company is right now so that I can be better prepared to help you during our meeting.


  • Note: If you choose the $350 consultation, your payment will be fully deducted from any future web development services purchased with Off-Center Design in 2023.
  • This field is for validation purposes and should be left unchanged.
Website Development— Good Choice.

celebrateA brand new website with a clear message is the smartest way to boost your sales.

First things first, let’s schedule a time to chat.

You decide your level of commitment. Do you want to have a quick (and FREE!) chat about your marketing for 15 minutes? Or are you ready to deep-dive into a one-hour marketing consultation and strategy session ($350)?

Give me a few details about where your company is right now so that I can be better prepared to help you during our meeting.


  • Note: If you choose the $350 consultation, your payment will be fully deducted from any future web development services purchased with Off-Center Design in 2023.
  • This field is for validation purposes and should be left unchanged.
Messaging Basics— Good Choice.

celebrateClarifying your brand message is the best place to start.

First things first, let’s schedule a time to chat.

You decide your level of commitment. Do you want to have a quick (and FREE!) chat about your marketing for 15 minutes? Or are you ready to deep-dive into a one-hour marketing consultation and strategy session ($350)?

Give me a few details about where your company is right now so that I can be better prepared to help you during our meeting.


  • Note: If you choose the $350 consultation, your payment will be fully deducted from any future web development services purchased with Off-Center Design in 2023.
  • This field is for validation purposes and should be left unchanged.

Good choice!

You’re one step closer to having a super secure and up-to-date website.

Name(Required)
Was your website built with Wordpress?(Required)
Wordpress is my jam! I don't offer maintenance for websites that weren't built with Wordpress. Do you want the OCD team to rebuild your website on Wordpress?(Required)
Well, shucks. Looks like I can't help you with maintaining your website.
This field is for validation purposes and should be left unchanged.

Good choice!

You’re one step closer to having a super secure and up-to-date website.

Name(Required)
Was your website built with Wordpress?(Required)
Wordpress is my jam! I don't offer maintenance for websites that weren't built with Wordpress. Do you want the OCD team to rebuild your website on Wordpress?(Required)
Well, shucks. Looks like I can't help you with maintaining your website.
This field is for validation purposes and should be left unchanged.

Good choice!

You’re one step closer to having a super secure and up-to-date website.

Name(Required)
Was your website built with Wordpress?(Required)
Wordpress is my jam! I don't offer maintenance for websites that weren't built with Wordpress. Do you want the OCD team to rebuild your website on Wordpress?(Required)
Well, shucks. Looks like I can't help you with maintaining your website.
This field is for validation purposes and should be left unchanged.